Kissasian expand video

Expand video to make it bigger without the need to be fullscreen

// ==UserScript==
// @name         Kissasian expand video
// @namespace    http://javalatte.xyz/
// @version      0.1.33
// @description  Expand video to make it bigger without the need to be fullscreen
// @author       JavaLatte
// @include      /^https?:\/\/kissasian.sh/*
// @include      /^https?:\/\/kisstvshow.com/*
// @include      /^https?:\/\/kisstvshow.to/*
// @include      /^https?:\/\/kissanime.ru/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    console.log("Kissasian large video");
    var wStatus=0;
    // style button
    addStyle (`
         .wideVideo {
             width: 100% !important;
         }
         .wideVideoV {
             min-width: 1280px !important;
             z-index:999;
         }
         .wideVideo._720{
            min-height: 720px !important;
         }
         .btn-widevid{
            width: 20%;
            float: left;
         }
         .select-server-wv{
            width: 70% !important;
         }
         #switch{
            width: 10% !important;
         }
         .btn-expand{
            background-color: #393939;
            border: 1px solid #666666;
            color: #dadada;
            height: 23px;
            font-size: 15px;
         }
         .w-left{
            float:unset !important;
            width:unset !important;
         }
         .wideVideoV .user-action{
            width: 700px;
            margin-left: 500px;
         }
         #divContentVideo{
            height:unset !important;
         }

         @media screen and (max-width: 1366px) {
              .wideVideoV{
                  min-width: 1080px !important;
              }
              .wideVideo._720{
                  min-height: 600px !important;
              }
         }
         @media only screen and (max-width: 1087px){
              .wideVideoV{
                  width: 100% !important;
              }
              .wideVideo._720{
                  min-height: 600px !important;
              }
         }
      `);
    //init button
    var btn = document.createElement( 'button' );
        btn.setAttribute( 'id', 'wButton' );
        btn.setAttribute( 'class', 'btn-expand' );
        var btn_img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGvGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA4LTE1VDE5OjIxOjE5KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wOC0xNVQxOTo0ODo0NSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wOC0xNVQxOTo0ODo0NSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDVjNmVkOS01ZDQwLTUxNDgtYjZlYS1hNzA3Nzg0OWE2MzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NWFiMTE2ZGQtZTk5Mi0wYzQyLWE2ODMtZjM4MjBhYWI4MDBkIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NWFiMTE2ZGQtZTk5Mi0wYzQyLWE2ODMtZjM4MjBhYWI4MDBkIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1YWIxMTZkZC1lOTkyLTBjNDItYTY4My1mMzgyMGFhYjgwMGQiIHN0RXZ0OndoZW49IjIwMTgtMDgtMTVUMTk6MjE6MTkrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NDNlODcwOTgtZDU3MS03MDQwLTk3ZTgtMjIyNjA2MDdiMDkxIiBzdEV2dDp3aGVuPSIyMDE4LTA4LTE1VDE5OjQ3OjQyKzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0NWM2ZWQ5LTVkNDAtNTE0OC1iNmVhLWE3MDc3ODQ5YTYzNyIgc3RFdnQ6d2hlbj0iMjAxOC0wOC0xNVQxOTo0ODo0NSswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvHUT14AAADtSURBVDgRY/j//z8DrTCY2LVrFynYE4j/A/FvIH4HxO+h9GsofgPEN8k1HIRToRbgxJQYDsI+QPwUh+HvKDUchFfRyvBmPMFCkeGtBMKcbMOxGbwCiCOR+K/JMXwCFoMPIskHUpJa4vEYDMNppBpeD8RWULYd1ODreNQ7IRuuj0dhB9Swr0CsABUDWSSCz0HIhoOychAeg5GxJjFBiGw4TKMdAYOvAbE8qYa/RjLAFIhzCKQKkgx/RyBTHCQ1oxFr+EFyigdiDD9KbqFGjOF3gNiQUsP/E8ARlBj+CIg/YcEfoXngO1oyJd5wWmEAGn0j9RA9vDoAAAAASUVORK5CYII=";
        btn.innerHTML = '<img src="'+btn_img+'" height="14" />&nbsp;&nbsp;Expand Video';
    var wDiv = document.createElement( 'div' );
        wDiv.setAttribute( 'id', 'wdiv' );
        wDiv.setAttribute( 'class', 'btn-widevid' );
        wDiv.appendChild( btn );
    // make Button
    try{
        var eleDA = document.getElementById( 'switch' ).parentNode;
        if(eleDA){
            eleDA.insertBefore(wDiv, eleDA.childNodes[2]);
            eleDA.childNodes[1].classList.add("select-server-wv");
            // activate the newly added button.
            document.getElementById ("wButton").addEventListener (
                "click", wide_video, false
            );
        }
    } catch(err){
        return false;
    }
    function wide_video(){
        var cont = document.getElementById("container");
        var centerDivVideo = document.getElementById("centerDivVideo");
        var divContentVideo = document.getElementById("divContentVideo");

        //fix for server fb and kissasian ALPHA & beta
            try{
                var divVideoJS = document.getElementsByClassName("video-js")[0];
                if(wStatus==0){
                    centerDivVideo.classList.add("wideVideoV");
                    divVideoJS.classList.add("wideVideo");
                    divVideoJS.classList.add("_720");

                } else {
                    centerDivVideo.classList.remove("wideVideoV");
                    divVideoJS.classList.remove("wideVideo");
                    divVideoJS.classList.remove("_720");

                }
                //console.log(divVideoJS);

            }catch(err){
                console.log('divVideoJS not found');
            }

        try {
            var iframeVideo = divContentVideo.getElementsByTagName('iframe')[0];
            if(wStatus==0){
                iframeVideo.style.height = null;
                iframeVideo.classList.add("_720");
                iframeVideo.classList.add("wideVideo");

            }else{
                iframeVideo.classList.remove("_720");
                iframeVideo.classList.remove("wideVideo");
                iframeVideo.style.height = "552px";

            }
        }
        catch(err){
            console.log('iframeVideo not found');
        }

        try {
            var arrElem = [cont];
            var barContent = document.getElementsByClassName("barContent")[0].getElementsByTagName('div')[0];

            arrElem.push(barContent,divContentVideo);

            if(wStatus==0){
                arrElem.forEach(function (item) {
                    item.classList.add("wideVideo");
                    item.style.height = null;
                    centerDivVideo.style.height = null;
                })

                centerDivVideo.classList.add("wideVideoV");
                wStatus=1;
            } else {
                arrElem.forEach(function (item) {
                    //item.style.height = "552px";
                    centerDivVideo.style.height = "552px";
                    item.classList.remove("wideVideo");
                })

                centerDivVideo.classList.remove("wideVideoV");
                wStatus=0;
            }
        }
        catch(err) {
            console.log('something went wrong');
            console.log('barcontent :'+barContent);
            console.log('divContentVideo :'+divContentVideo);
        }

    }
    function addStyle(css) {
      var style = document.createElement('style');
      style.textContent = css;
      document.documentElement.appendChild(style);
      return style;
    };

})();