// ==UserScript==
// @name           Yandex视频横屏插件
// @name:en        Yandex Video Player Horizontal Screen Plug-in
// @description    移动端Yandex浏览器看视频全屏时强制为横屏观看(安卓已经过测试运行，ios并未测试)
// @description:en Yandex browser is set to play horizontally when viewing full-screen video. This is for Android, and IOS is not tested.
// @version        2.0.0
// @author         L.Xavier
// @namespace      https://greasyfork.org/zh-CN/users/128493
// @match          *://*/*
// @grant          none
// @run-at         document-end
// @note           功能说明:1.全屏下强制为横屏观看，支持重力感应切换方向(需要设备支持)。2.添加双击全屏功能。一些网站全屏按钮无法使视频进入全屏模式(例如m.bilibili.com)，新增在视频播放状态下，双击全屏(支持双击退出全屏)。该功能需要关闭yandex浏览器的"忽略网站的禁止字体缩放请求"功能，不关闭双击会缩放网页。3.竖屏模式。有些视频更适宜在竖屏状态下观看，新增摇一摇切换竖屏，再次摇一摇换回横屏(需要设备支持)。
// @v1.1.0        2019-01-01 - 1.添加竖屏模式。有些视频更适宜在竖屏状态下观看，全屏状态下，手机竖直摆放时会重新回到竖屏模式。2.添加双击全屏功能。一些网站全屏按钮无法使视频进入全屏模式(例如m.bilibili.com)，新增在视频播放状态下，双击全屏(支持双击退出全屏)。该功能需要关闭yandex浏览器的"忽略网站的禁止字体缩放请求"功能，不关闭双击会缩放网页。
// @v1.1.1        2019-01-02 - 优化了代码逻辑
// @v1.1.2        2019-01-12 - Yandex浏览器版本18.11.1(安卓自2018年12月26日，版本号979)，切换竖屏会退出全屏状态，暂时取消竖屏模式，其他保持不变。不是该版本浏览器，有竖屏观看需要的可以安装本脚本历史版本1.1.1。
// @v1.2.1        2019-02-01 - 重写了一部分代码，使之使用更加人性化。重新添加竖屏观看模式。使用方法，摇一摇切换竖屏观看，再摇一摇可换回横屏观看(可调节灵敏度，SHAKE_THRESHOLD参数，越小越灵敏)。火狐浏览器(安卓)使用该版本，除了双击全屏，其他功能正常。
// @v1.2.2        2019-02-03 - 防止误操作，摇一摇调整为全屏下执行。
// @v1.2.3        2019-02-04 - 修复了摇一摇短时间内可能触发两次的问题。
// @v1.2.4        2019-02-09 - 修复了后加载视频，某些功能可能需要多次点击才能生效的问题。
// @v1.2.5        2019-02-13 - 调整视频标签查找逻辑和事件方法，添加了更新说明。
// @v2.0.0        2019-08-22 - 新增视频滑动进行前进后退功能;修复在已有视频标签下，重新请求视频源双击全屏无效问题。
// @note         注:新版yandex浏览器已支持横屏播放，但页面切换到电脑端模式仍不支持，本脚本可以完美解决。本脚本给有这类需求的人，以及使用该脚本双击功能习惯的朋友，有爱自取！(双击功能使用说明:在视频播放状态下，双击网页(包含该视频标签)任何一处，即可全屏，不需要再按小按钮了)
// @downloadURL none
// ==/UserScript==
(function() {
    'use strict';
    //重力感应切换
    var oriHway="landscape-primary",oriHgamma=0,oriHbeta=0,isLock=true;

    function orientationHandler(event) {
        oriHgamma=Math.round(event.gamma);
        oriHbeta=Math.abs(Math.round(event.beta));
        if((oriHbeta<45 && Math.abs(oriHgamma)>25) || (oriHbeta>135 && Math.abs(oriHgamma)>25)){
            oriHway=((oriHgamma>25 && oriHbeta<45) || (oriHgamma<-25 && oriHbeta>135)) ? "landscape-secondary" : "landscape-primary";
        }
        if(isLock){screen.orientation.lock(oriHway);}
    }

    //摇一摇切换
    var SHAKE_THRESHOLD = 18000;//摇一摇灵敏度，越小越灵敏
    var last_update = 0,diffTime=0,speed=0;
    var x=0, y=0, z=0, last_x = 0, last_y = 0, last_z = 0;
    var acceleration=null,curTime=null,cdTimer=null,isReady=true;
    function readyOK(){isReady=true;}

    function deviceMotionHandler(eventData) {
        if(document.webkitFullscreenElement && isReady){
            acceleration =eventData.accelerationIncludingGravity;
            curTime = new Date().getTime();
            if ((curTime-last_update)> 10) {
                diffTime = curTime -last_update;
                last_update = curTime;
                x = acceleration.x;
                y = acceleration.y;
                z = acceleration.z;
                speed = Math.abs(x +y + z - last_x - last_y - last_z) / diffTime * 10000;
                if (speed > SHAKE_THRESHOLD) {
                    clearTimeout(cdTimer);
                    if(isLock){
                        isLock=false;
                        screen.orientation.lock("portrait-primary");
                    }
                    else{
                        isLock=true;
                        screen.orientation.lock(oriHway);
                    }
                    isReady=false;
                    cdTimer=setTimeout(readyOK,1000);
                }
                last_x = x;
                last_y = y;
                last_z = z;
            }
        }
    }

     //滑屏进度
     function getAngle(angx, angy) {
         return Math.atan2(angy, angx) * 180 / Math.PI;
     };
     function getDirection(startx, starty, endx, endy) {
         var angx = endx - startx;
         var angy = endy - starty;
         var result = 0;
         if (Math.abs(angx) < 2 && Math.abs(angy) < 2) {
             return result;
         }
         var angle = getAngle(angx, angy);
         if ((angle >= 135 && angle <= 180) || (angle >= -180 && angle < -135)) {
             result = 1;
         } else if (angle >= -45 && angle <= 45) {
             result = 2;
         }
         return result;
    }

    function sliderbackListener(vElement){
      var startx, starty;
      vElement.addEventListener("touchstart", function(e) {
          startx = e.touches[0].pageX;
          starty = e.touches[0].pageY;
      }, false);
      vElement.addEventListener("touchend", function(e) {
          var endx, endy;
          endx = e.changedTouches[0].pageX;
          endy = e.changedTouches[0].pageY;
          var direction = getDirection(startx, starty, endx, endy);
          switch (direction) {
              case 1:
                  vElement.currentTime=vElement.currentTime-10;//左滑事件
                  break;
              case 2:
                  vElement.currentTime=vElement.currentTime+10;//右滑事件
                  break;
          }
      }, false);
    }

    //双击全屏
    var videoEle=document.getElementsByTagName("video");
    var videoplay=null,vi=0,delayOK=true;
    function setVideo(e){
        videoplay=this;
        sliderbackListener(this);
    }

    function dblfull(){
        if(videoplay!=null){
            if(document.webkitFullscreenElement){videoplay.webkitExitFullscreen();}
            else{videoplay.webkitRequestFullScreen();}
        }
    }

    //video标签事件绑定
    !(function () {
        if ( typeof window.CustomEvent === "function" ) return false;
        function CustomEvent ( event, params ) {
            params = params || { bubbles: false, cancelable: false, detail: undefined };
            var evt = document.createEvent( 'CustomEvent' );
            evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
            return evt;
        }
        CustomEvent.prototype = window.Event.prototype;
        window.CustomEvent = CustomEvent;
    })();

    !(function () {
        function ajaxEventTrigger(event) {
            var ajaxEvent = new CustomEvent(event, { detail: this });
            window.dispatchEvent(ajaxEvent);
        }
        var oldXHR = window.XMLHttpRequest;
        function newXHR() {
            var realXHR = new oldXHR();
            realXHR.addEventListener('abort', function () { ajaxEventTrigger.call(this, 'ajaxAbort'); }, false);
            realXHR.addEventListener('error', function () { ajaxEventTrigger.call(this, 'ajaxError'); }, false);
            realXHR.addEventListener('load', function () { ajaxEventTrigger.call(this, 'ajaxLoad'); }, false);
            realXHR.addEventListener('loadstart', function () { ajaxEventTrigger.call(this, 'ajaxLoadStart'); }, false);
            realXHR.addEventListener('progress', function () { ajaxEventTrigger.call(this, 'ajaxProgress'); }, false);
            realXHR.addEventListener('timeout', function () { ajaxEventTrigger.call(this, 'ajaxTimeout'); }, false);
            realXHR.addEventListener('loadend', function () { ajaxEventTrigger.call(this, 'ajaxLoadEnd'); }, false);
            realXHR.addEventListener('readystatechange', function() { ajaxEventTrigger.call(this, 'ajaxReadyStateChange'); }, false);
            return realXHR;
        }
        window.XMLHttpRequest = newXHR;
    })();

    function videoEvent(){
        if(delayOK){
            delayOK=false;
            setTimeout(function(){
                for(vi=0;vi<videoEle.length;vi++){
                    if(!videoEle[vi].playing){videoEle[vi].addEventListener("playing",setVideo,false);}
                }
               delayOK=true;
            },1000);
        }
    }

    //事件绑定
    function isPC() {
        var userAgentInfo=navigator.userAgent;
        var Agents =new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod");
        var flag=true;
        for(var v=0;v<Agents.length;v++) {
            if(userAgentInfo.indexOf(Agents[v])>0) {
                flag=false;
                break;
             }
         }
        return flag;
     }

    var PCok=isPC();

    if(PCok){
        if (window.DeviceOrientationEvent) {window.addEventListener("deviceorientation", orientationHandler, false);}
        else{screen.orientation.lock(oriHway);}
        if (window.DeviceMotionEvent) {window.addEventListener('devicemotion',deviceMotionHandler,false);}
    }
    document.body.addEventListener("dblclick",dblfull,false);
    window.addEventListener('ajaxReadyStateChange',videoEvent,false);
    videoEvent();

})();