☰

HTML5 Video Player Enhance

To enhance the functionality of HTML5 Video Player (h5player) supporting all websites using shortcut keys similar to PotPlayer.

当前为 2019-10-04 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         HTML5 Video Player Enhance
  3. // @version      2.8.0b4
  4. // @description  To enhance the functionality of HTML5 Video Player (h5player) supporting all websites using shortcut keys similar to PotPlayer.
  5. // @author       CY Fung
  6. // @match        http://*/*
  7. // @match        https://*/*
  8. // @run-at       document-start
  9. // @grant        GM_addStyle
  10. // @require https://cdnjs.cloudflare.com/ajax/libs/js-sha256/0.9.0/sha256.min.js
  11. // @namespace https://gf.qytechs.cn/users/371179
  12. // ==/UserScript==
  13. (function() {
  14.     'use strict';
  15.     // Your code here...
  16.  
  17.     let h5Player;
  18.  
  19.     const SHIFT = 1;
  20.     const CTRL = 2;
  21.     const ALT = 4;
  22.     const TERMINATE = 0x842;
  23.  
  24.     const _sVersion_ = 1816;
  25.  
  26.     //console.log(Object.keys(window).filter(k=>window[k] instanceof Function && window[k].toString().indexOf('native code')<=0))
  27.     //console.log(sha256('123'))
  28.  
  29.  
  30.     // built-in hash
  31.     //https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest
  32.     //const text = 'An obscure body in the S-K System, your majesty. The inhabitants refer to it as the planet Earth.';
  33.     /*
  34.     async function digestMessage(message) {
  35.  
  36.     }
  37.     */
  38.  
  39.     async function digestMessage(message) {
  40.         return window.sha256(message)
  41.     }
  42.  
  43.     //const digestHex = await digestMessage(text);
  44.     //console.log(digestHex);
  45.  
  46.     function evalcode() {
  47.         [...document.querySelectorAll('*')].filter(x => !!x._listeners).filter(elm => elm.contains(document.querySelector('video')) || document.querySelector('video').contains(elm)).forEach(elm => elm.addEventListener('click', function() {
  48.             this.setAttribute('tabindex', '1')
  49.         }))
  50.     }
  51.  
  52.  
  53.     //https://gist.github.com/joyrexus/7304146
  54.     // requestAnimationFrame() shim by Paul Irish
  55.     let requestAnimationFrame = (function() {
  56.         return window.requestAnimationFrame ||
  57.             window.webkitRequestAnimationFrame ||
  58.             window.mozRequestAnimationFrame ||
  59.             window.oRequestAnimationFrame ||
  60.             window.msRequestAnimationFrame ||
  61.             function( /* function */ callback, /* DOMElement */ element) {
  62.             return window.setTimeout(callback, 1000 / 60);
  63.         };
  64.     })();
  65.  
  66.     let cancelAnimationFrame = (function() {
  67.         return window.cancelAnimationFrame ||
  68.             window.webkitCancelAnimationFrame ||
  69.             window.webkitCancelRequestAnimationFrame ||
  70.             window.mozCancelRequestAnimationFrame ||
  71.             window.oCancelRequestAnimationFrame ||
  72.             window.msCancelRequestAnimationFrame ||
  73.             clearInterval;
  74.     })();
  75.  
  76.     function lowerKeyCode(keyCode) {
  77.         if (keyCode >= 65 && keyCode <= 90) {
  78.             keyCode += 32;
  79.         }
  80.         return keyCode
  81.     }
  82.  
  83.     function whichTransitionEvent(type) {
  84.         if (whichTransitionEvent['_result_' + type]) return whichTransitionEvent['_result_' + type]
  85.         var t,
  86.             el = document.createElement("fakeelement");
  87.  
  88.         const capital = (x) => x[0].toUpperCase() + x.substr(1);
  89.         const capitalType = capital(type);
  90.  
  91.         const transitions = {
  92.             [type]: `${type}end`,
  93.             [`O${capitalType}`]: `o${capitalType}End`,
  94.             [`Moz${capitalType}`]: `${type}end`,
  95.             [`Webkit${capitalType}`]: `webkit${capitalType}End`,
  96.             [`MS${capitalType}`]: `MS${capitalType}End`
  97.         }
  98.  
  99.         for (t in transitions) {
  100.             if (el.style[t] !== undefined) {
  101.                 return (whichTransitionEvent['_result_' + type] = transitions[t]);
  102.             }
  103.         }
  104.     }
  105.  
  106.  
  107.     Element.prototype.__matches =
  108.         Element.prototype.matchesSelector ||
  109.         Element.prototype.mozMatchesSelector ||
  110.         Element.prototype.msMatchesSelector ||
  111.         Element.prototype.oMatchesSelector ||
  112.         Element.prototype.webkitMatchesSelector ||
  113.         function(s) {
  114.         var matches = (this.document || this.ownerDocument).querySelectorAll(s),
  115.             i = matches.length;
  116.         while (--i >= 0 && matches.item(i) !== this) {}
  117.         return i > -1;
  118.     };
  119.  
  120.     Element.prototype.__requestPointerLock = Element.prototype.requestPointerLock ||
  121.         Element.prototype.mozRequestPointerLock ||
  122.         Element.prototype.webkitRequestPointerLock;
  123.  
  124.  
  125.     // Ask the browser to release the pointer
  126.     Document.prototype.__exitPointerLock = Document.prototype.exitPointerLock ||
  127.         Document.prototype.mozExitPointerLock ||
  128.         Document.prototype.webkitExitPointerLock;
  129.  
  130.  
  131.     const __resizeListeners__ = {};
  132.     let __resizerCount__ = 0;
  133.     class ResizeODM {
  134.         constructor() {
  135.             let rm = this;
  136.             __resizerCount__++;
  137.             let rpid = "rpid-" + __resizerCount__;
  138.             __resizeListeners__[rpid] = [];
  139.  
  140.             rm._resizer_listeners = __resizeListeners__[rpid];
  141.  
  142.             var odm = document.createElement('object');
  143.             odm.setAttribute('_resizer_odm_', rpid);
  144.             odm.setAttribute('style', 'display: block; position: absolute; top: -300vh; left: -300vw; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;');
  145.             odm.onload = ResizeODM.objectLoad;
  146.             odm.type = 'text/html';
  147.             odm.data = 'about:blank';
  148.             rm.odm = odm;
  149.             rm.rpid = rpid;
  150.             rm.odm.__rm__ = rm;
  151.         }
  152.  
  153.         static find(rsElm) {
  154.             if (!rsElm) return null;
  155.             let odm = [...rsElm.querySelectorAll('object[_resizer_odm_]')].filter(elm => elm.parentNode == rsElm)[0];
  156.             if (!odm) return null;
  157.  
  158.             return odm.__rm__ || null;
  159.  
  160.         }
  161.  
  162.         static resizeListener(e) {
  163.             let odv = e.target || e.srcElement;
  164.             let rm = odv._resizer_rm;
  165.             if (rm.__resizeRAF__) cancelAnimationFrame(rm.__resizeRAF__);
  166.             rm.__resizeRAF__ = requestAnimationFrame(function() {
  167.                 rm.__resizeRAF__ = 0;
  168.                 rm._resizer_listeners.forEach(fn => fn.call(rm, e));
  169.             });
  170.         }
  171.  
  172.         static objectLoad(e) {
  173.             let odm = this;
  174.             let rm = odm.__rm__;
  175.             let odv = odm.contentDocument.defaultView
  176.             odv._resizer_rm = rm;
  177.             rm.odv = odv;
  178.             odv.onresize = ResizeODM.resizeListener;
  179.         }
  180.  
  181.         resizeElement() {
  182.             return this.odm.parentNode;
  183.         }
  184.  
  185.         // ResizeODM.relativeParent(rsElm);
  186.  
  187.         relativeParent(rsElm, existingnode = null) {
  188.             let odm = this.odm;
  189.             rsElm = rsElm || odm.parentNode;
  190.             let rpid = this.rpid;
  191.             //if (getComputedStyle(rsElm).position == 'static') rsElm.style.position = 'relative';
  192.             rsElm.insertBefore(odm, existingnode);
  193.         }
  194.  
  195.         listen(fn) {
  196.             this._resizer_listeners.push(fn);
  197.         }
  198.  
  199.  
  200.         unlisten(fn) {
  201.             this._resizer_listeners.splice(this._resizer_listeners.indexOf(fn), 1);
  202.         }
  203.  
  204.         remove() {
  205.             this._resizer_listeners.length = 0;
  206.             this.odv.onresize = null;
  207.             this.odm.onload = null;
  208.         }
  209.  
  210.     }
  211.  
  212.  
  213.  
  214.     //let __activeElementsToggles=[];
  215.  
  216.     function isInOperation(elm) {
  217.  
  218.         let elmInFocus = elm || document.activeElement;
  219.         if (!elmInFocus) return false;
  220.  
  221.         let res1 = elmInFocus.__matches('a[href],link[href],button,input:not([type="hidden"]),select,textarea,iframe,frame,menuitem,[draggable],[contenteditable]')
  222.  
  223.         return res1
  224.  
  225.  
  226.     }
  227.  
  228.     class SimEvent extends Event {
  229.         constructor(typeArg, eventInit, customType) {
  230.             super(typeArg, eventInit);
  231.             this.__customType = customType
  232.         }
  233.         get type() {
  234.             return this.__customType
  235.         }
  236.     }
  237.  
  238.  
  239.     const _evtOB_create = function(_EVT, d) {
  240.         let keys = Object.keys(_EVT.prototype);
  241.         let res = function Event(m) {
  242.  
  243.             let o = this
  244.             keys.forEach(k => (k in m && !(k in o)) ? o[k] = m[k] : null);
  245.             Object.assign(o, d);
  246.  
  247.         }
  248.         return res
  249.  
  250.     }
  251.  
  252.     const fn_toString = (f, n = 50) => {
  253.         let s = (f + "");
  254.         if (s.length > 2 * n + 5) {
  255.             s = s.substr(0, n) + ' ... ' + s.substr(-n);
  256.         }
  257.         return s
  258.     };
  259.  
  260.     //let p={};for(let k in x) if(! (k in document.body))p[k]=x[k];p
  261.  
  262.     const _ell_timeupdatefs = [];
  263.  
  264.  
  265.  
  266.  
  267.     let _endlessloop = null;
  268.  
  269.     class EndlessLoop {
  270.         constructor() {
  271.             this.activeLoopsCount = 0;
  272.             this.loops = [];
  273.             this.cid = 0;
  274.             this._loop = () => {
  275.                 if (!this.cid) return; //cancelled
  276.                 this.loops.forEach(loop => loop.opt.looping ? loop.fn(loop.opt) : null);
  277.                 this.cid = requestAnimationFrame(this._loop);
  278.             }
  279.         }
  280.  
  281.  
  282.         loopStart() {
  283.             this.looping = true;
  284.             this.cid = requestAnimationFrame(this._loop);
  285.         }
  286.         loopStop() {
  287.             if (this.cid) cancelAnimationFrame(this.cid);
  288.             this.cid = 0;
  289.             this.looping = false;
  290.         }
  291.         append(fn) {
  292.             const opt = new EndlessLoopOpts(this);
  293.             this.loops.push({
  294.                 fn,
  295.                 opt
  296.             });
  297.             return opt;
  298.         }
  299.     }
  300.  
  301.  
  302.     class EndlessLoopOpts {
  303.         constructor(ell) {
  304.             this._looping = false;
  305.             this._ell = ell;
  306.         }
  307.         _loop() {
  308.             this._ell.loops.some(loop => loop.opt === this && loop.opt.looping ? (loop.fn(loop.opt), true) : null);
  309.         }
  310.         get looping() {
  311.             return this._looping;
  312.         }
  313.         loopingStart() {
  314.             if (this._looping === false) {
  315.                 this._looping = true;
  316.                 this._ell.activeLoopsCount++;
  317.                 if (this._ell.activeLoopsCount == 1) this._ell.loopStart();
  318.             }
  319.         }
  320.         loopingStop() {
  321.             if (this._looping === true) {
  322.                 this._looping = false;
  323.                 this._ell.activeLoopsCount--;
  324.                 if (this._ell.activeLoopsCount == 0) this._ell.loopStop();
  325.             }
  326.         }
  327.     }
  328.  
  329.  
  330.  
  331.     const UA = {};
  332.     const tool = {};
  333.  
  334.  
  335.  
  336.  
  337.     const isIframe = (window.top !== window.self && window.top && window.self);
  338.  
  339.  
  340.  
  341.     function postMsg() {
  342.         const [tag,...data] = arguments;
  343.         if (typeof tag == 'string') {
  344.             window.parent.postMessage({
  345.                 tag,
  346.                 data
  347.             }, '*');
  348.         }
  349.     }
  350.  
  351.  
  352.     function consoleLog() {
  353.         if (isIframe) postMsg('consoleLog', ...arguments);
  354.         else console.log.apply(console, arguments);
  355.     }
  356.  
  357.  
  358.  
  359.     const Store = {
  360.         prefix: '_h5_player',
  361.         save: function(k, v) {
  362.             if (!Store.available()) return false;
  363.             if (typeof v != 'string') return false;
  364.             Store.LS.setItem(Store.prefix + k, v)
  365.             let sk = fn_toString(k + "", 30);
  366.             let sv = fn_toString(v + "", 30);
  367.             console.log(`localStorage Saved "${sk}" = "${sv}"`)
  368.             return true;
  369.  
  370.         },
  371.         read: function(k) {
  372.             if (!Store.available()) return false;
  373.             let v = Store.LS.getItem(Store.prefix + k)
  374.             let sk = fn_toString(k + "", 30);
  375.             let sv = fn_toString(v + "", 30);
  376.             console.log(`localStorage Read "${sk}" = "${sv}"`);
  377.             return v;
  378.  
  379.         },
  380.         remove: function(k) {
  381.  
  382.             if (!Store.available()) return false;
  383.             Store.LS.removeItem(Store.prefix + k)
  384.             let sk = fn_toString(k + "", 30);
  385.             console.log(`localStorage Removed "${sk}"`)
  386.             return true;
  387.         },
  388.         clearInvalid: function(sVersion) {
  389.             if (!Store.available()) return false;
  390.  
  391.             //let sVersion=1814;
  392.             if (+Store.read('_sVersion_') < sVersion) {
  393.                 Object.keys(localStorage).filter(s => s.indexOf(Store.prefix) === 0).forEach(key => window.localStorage.removeItem(key))
  394.                 Store.save('_sVersion_', sVersion + '')
  395.                 return 2;
  396.             }
  397.             return 1;
  398.  
  399.  
  400.         },
  401.         available: function() {
  402.             if (Store.LS) return true;
  403.             if (!window) return false;
  404.             const localStorage = window.localStorage;
  405.             if (!localStorage) return false;
  406.             if (typeof localStorage != 'object') return false;
  407.             if (!('getItem' in localStorage)) return false;
  408.             if (!('setItem' in localStorage)) return false;
  409.             Store.LS = localStorage;
  410.             return true;
  411.  
  412.         }
  413.  
  414.     }
  415.  
  416.  
  417.  
  418.     const domTool = {
  419.         nopx: (x) => +x.replace('px', ''),
  420.         cssWH: function(m) {
  421.             let r = getComputedStyle(m, null);
  422.             let c = (x) => +x.replace('px', '');
  423.             return {
  424.                 w: m.offsetWidth || c(r.width),
  425.                 h: m.offsetHeight || c(r.height)
  426.             }
  427.         },
  428.         _cssWH: function(m, r) {
  429.             let c = (x) => +x.replace('px', '');
  430.             return {
  431.                 w: m.offsetWidth || c(r.width),
  432.                 h: m.offsetHeight || c(r.height)
  433.             }
  434.         },
  435.         _isInteractionBox_1: function(vEl, pEl) {
  436.  
  437.             let vElCSS = domTool.cssWH(vEl);
  438.             let vElCSSw = vElCSS.w;
  439.             let vElCSSh = vElCSS.h;
  440.  
  441.  
  442.  
  443.             let vElx = vEl;
  444.             let res = [];
  445.             let mLevel = 0;
  446.             if (vEl && pEl && vEl != pEl && pEl.contains(vEl)) {
  447.                 while (vElx && vElx != pEl) {
  448.                     vElx = vElx.parentNode;
  449.                     let vElx_css = getComputedStyle(vElx, null);
  450.                     let vElx_wp = domTool.nopx(vElx_css.paddingLeft) + domTool.nopx(vElx_css.paddingRight)
  451.                     vElCSSw += vElx_wp
  452.                     let vElx_hp = domTool.nopx(vElx_css.paddingTop) + domTool.nopx(vElx_css.paddingBottom)
  453.                     vElCSSh += vElx_hp
  454.                     res.push({
  455.                         level: ++mLevel,
  456.                         padW: vElCSSw,
  457.                         padH: vElCSSh,
  458.                         elm: vElx,
  459.                         css: vElx_css
  460.                     })
  461.  
  462.                 }
  463.             }
  464.  
  465.             // in the array, each item is the parent of video player
  466.             res.vEl_cssWH = vElCSS
  467.  
  468.             return res;
  469.  
  470.         },
  471.         _isInteractionBox: function(vEl, walkRes, pEl_idx) {
  472.  
  473.  
  474.  
  475.  
  476.             function absDiff(w1, w2, h1, h2) {
  477.                 let w = (w1 - w2),
  478.                     h = h1 - h2;
  479.                 return [(w > 0 ? w : -w), (h > 0 ? h : -h)]
  480.             }
  481.  
  482.             function midPoint(rect) {
  483.                 return {
  484.                     x: (rect.left + rect.right) / 2,
  485.                     y: (rect.top + rect.bottom) / 2
  486.                 }
  487.             }
  488.  
  489.  
  490.  
  491.             let parentCount = walkRes.length;
  492.             if (pEl_idx >= parentCount) return;
  493.             let pElr = walkRes[pEl_idx]
  494.  
  495.             let pEl = pElr.elm;
  496.  
  497.  
  498.             //prevent activeElement==body
  499.             let pElCSS = domTool._cssWH(pEl, pElr.css);
  500.             //let vElCSS=walkRes.vEl_cssWH;
  501.  
  502.             //check prediction of parent dimension
  503.             let d1v = absDiff(pElCSS.w, pElr.padW, pElCSS.h, pElr.padH)
  504.  
  505.             let d1x = d1v[0] < 10
  506.             let d1y = d1v[1] < 10;
  507.  
  508.             if (d1x && d1y) return true; //both edge along the container   -  fit size
  509.             if (!d1x && !d1y) return false; //no edge along the container     -  body contain the video element, fixed width&height
  510.  
  511.             //case: youtube video fullscreen
  512.  
  513.             //check centre point
  514.  
  515.             let pEl_rect = pEl.getBoundingClientRect()
  516.             let vEl_rect = vEl.getBoundingClientRect()
  517.  
  518.             let pEl_center = midPoint(pEl_rect)
  519.             let vEl_center = midPoint(vEl_rect)
  520.  
  521.  
  522.  
  523.             let d2v = absDiff(pEl_center.x, vEl_center.x, pEl_center.y, vEl_center.y);
  524.  
  525.             let d2x = d2v[0] < 10;
  526.             let d2y = d2v[1] < 10;
  527.  
  528.             return (d2x && d2y);
  529.  
  530.  
  531.         },
  532.         getInteractionBox: function(vEl, pEl) {
  533.  
  534.             if (!pEl) return null;
  535.  
  536.             let walkRes = domTool._isInteractionBox_1(vEl, pEl);
  537.  
  538.  
  539.  
  540.             let parentCount = walkRes.length;
  541.  
  542.  
  543.             if (parentCount-1>=0 && domTool._isInteractionBox(vEl, walkRes, parentCount - 1)) return walkRes[parentCount - 1].elm;
  544.             if (parentCount-2>=0 && domTool._isInteractionBox(vEl, walkRes, parentCount - 2)) return walkRes[parentCount - 2].elm;
  545.  
  546.             return vEl;
  547.  
  548.  
  549.         },
  550.         getRect: function(element) {
  551.             let rect = element.getBoundingClientRect();
  552.             let scroll = domTool.getScroll();
  553.             return {
  554.                 pageX: rect.left + scroll.left,
  555.                 pageY: rect.top + scroll.top,
  556.                 screenX: rect.left,
  557.                 screenY: rect.top
  558.             };
  559.         },
  560.         isHalfFullClient: function(element) {
  561.             var client = domTool.getClient();
  562.             var rect = domTool.getRect(element);
  563.             if ((Math.abs(client.width - element.offsetWidth) < 21 && rect.screenX < 20) || (Math.abs(client.height - element.offsetHeight) < 21 && rect.screenY < 10)) {
  564.                 if (Math.abs(element.offsetWidth / 2 + rect.screenX - client.width / 2) < 10 && Math.abs(element.offsetHeight / 2 + rect.screenY - client.height / 2) < 10) {
  565.                     return true;
  566.                 } else {
  567.                     return false;
  568.                 }
  569.             } else {
  570.                 return false;
  571.             }
  572.         },
  573.         isAllFullClient: function(element) {
  574.             var client = domTool.getClient();
  575.             var rect = domTool.getRect(element);
  576.             if ((Math.abs(client.width - element.offsetWidth) < 21 && rect.screenX < 20) && (Math.abs(client.height - element.offsetHeight) < 21 && rect.screenY < 10)) {
  577.                 return true;
  578.             } else {
  579.                 return false;
  580.             }
  581.         },
  582.         getScroll: function() {
  583.             return {
  584.                 left: document.documentElement.scrollLeft || document.body.scrollLeft,
  585.                 top: document.documentElement.scrollTop || document.body.scrollTop
  586.             };
  587.         },
  588.         getClient: function() {
  589.             return {
  590.                 width: document.compatMode == 'CSS1Compat' ? document.documentElement.clientWidth : document.body.clientWidth,
  591.                 height: document.compatMode == 'CSS1Compat' ? document.documentElement.clientHeight : document.body.clientHeight
  592.             };
  593.         },
  594.         addStyle: GM_addStyle,
  595.         /*function (css) {
  596.                 let style = document.createElement('style');
  597.                 style.type = 'text/css';
  598.                 let node = document.createTextNode(css);
  599.                 style.appendChild(node);
  600.                 document.head.appendChild(style);
  601.                 console.log(document.head,style,'add style')
  602.                 return style;
  603.             },*/
  604.         eachParentNode: function(dom, fn) {
  605.             let parent = dom.parentNode
  606.             while (parent) {
  607.                 let isEnd = fn(parent, dom)
  608.                 parent = parent.parentNode
  609.                 if (isEnd) {
  610.                     break
  611.                 }
  612.             }
  613.         },
  614.  
  615.         hideDom: function hideDom(selector) {
  616.             let dom = document.querySelector(selector)
  617.             if (dom) {
  618.                 requestAnimationFrame(function() {
  619.                     dom.style.opacity = 0;
  620.                     dom.style.transform = 'translate(-9999px)';
  621.                     dom = null;
  622.                 })
  623.             }
  624.         }
  625.     };
  626.  
  627.     const handle = {
  628.         volume_changed:function(){
  629.             
  630.             if(this.volume>=0){}else{return;}
  631.             
  632.             let shallShowTips = this._volume>=0;  //prevent initialization
  633.             
  634.             if(!this.volume) {
  635.                 //if(!this.muted) h5Player.tips('Mute: On');
  636.                 this.muted=true;
  637.             }else if(this.muted){
  638.                 this.muted=false;
  639.                 this._volume=this.volume;
  640.                 //h5Player.tips('Mute: On');
  641.                 
  642.             }else if(!this.muted){
  643.                 this._volume=this.volume;
  644.             }
  645.             console.log('volume changed')
  646.             
  647.             let player = this;
  648.             let t = h5Player;
  649.             
  650.             
  651.             if(shallShowTips)
  652.                 t.tips('Volume: ' + parseInt(player.volume * 100) + '%', undefined, 3000)
  653.             
  654.             
  655.         },
  656.         player_videoLoaded: function() {
  657.             consoleLog('video size', this.videoWidth + ' x ' + this.videoHeight);
  658.  
  659.             let t = h5Player;
  660.             let player = this
  661.             let vpid = player.getAttribute('_h5ppid') || null;
  662.             if (!vpid || !player.currentSrc) return;
  663.  
  664.             if (t.srcList[vpid] != player.currentSrc) {
  665.                 t.srcList[vpid] = player.currentSrc;
  666.                 t.videoSrcFound(player);
  667.             }
  668.  
  669.         },
  670.         player_mouseEnter: function(evt) {
  671.             // h5Player._isFoucs = true
  672.             //if(h5Player.playerInstance!==e.target){
  673.             //h5Player.playerInstance = e.target
  674.             //h5Player.onVideoTriggering()
  675.             let player=evt.target;
  676.             if(player.nodeName!="VIDEO") player=player.querySelector('video[_h5ppid]');
  677.             if(player)
  678.                 h5Player.playerBoxInit(player)
  679.             //}
  680.             // consoleLog('player mouse ENTER')
  681.         },
  682.         player_mouseDown: function(evt) {
  683.             // h5Player._isFoucs = true
  684.             //if(h5Player.playerInstance!==e.target){
  685.             //h5Player.playerInstance = e.target
  686.             //h5Player.onVideoTriggering()
  687.             let player=this;  //evt.target may be something else
  688.             if(player.nodeName!="VIDEO") player=player.querySelector('video[_h5ppid]');
  689.             if(!player)return;
  690.             let {
  691.                playerBox,
  692.                wPlayer
  693.             } = h5Player.getPlayerBox(player);
  694.             
  695.             if(playerBox&&(playerBox==evt.target||playerBox.contains(evt.target))){
  696.  
  697.                 h5Player.getFocus(player,evt)
  698.             }
  699.             //}
  700.             // consoleLog('player mouse ENTER')
  701.         },
  702.         player_mouseLeave: function(e) {
  703.             // h5Player._isFoucs = false
  704.             // consoleLog('player mouse leave')
  705.  
  706.         },
  707.         player_playTriggering: function(evt) {
  708.  
  709.  
  710.             h5Player.playerBoxInit(evt.target)
  711.  
  712.             h5Player.playerInstance = evt.target
  713.             h5Player.onVideoTriggering()
  714.             
  715.             
  716.  
  717.             //by default, when the video start playing, the playerbox can get the focus and activate the keyboard control
  718.             //let {
  719.             //    playerBox,
  720.             //    wPlayer
  721.             //} = h5Player.getPlayerBox(evt.target);
  722.             //if (playerBox && playerBox.hasAttribute('tabindex')) playerBox.focus();
  723.             
  724.         },
  725.         player_dblClick: function(evt) {
  726.             console.log('dblclick', this, evt.target)
  727.             let elm = (evt.target != this && this.contains(evt.target)) ? this : evt.target;
  728.             //  www.tucao.one   ;  evt.target = bullet curtain;  this = interactionbox
  729.  
  730.             let vpid = elm.getAttribute('_h5p_interactionbox_') || elm.getAttribute('_h5ppid') || null;
  731.             if (!vpid) return;
  732.             let player = elm.ownerDocument.querySelector(`[_h5ppid="${vpid}"]`);
  733.             h5Player.playerBoxInit(player)
  734.             h5Player.playerInstance = player
  735.             h5Player.onVideoTriggering()
  736.             
  737.             h5Player.getFocus(player,evt)
  738.  
  739.             //by default, when the video start playing, the playerbox can get the focus and activate the keyboard control
  740.             // let shallFocus = false;
  741.             // if (document.activeElement == null) shallFocus = true;
  742.             // let {
  743.                 // playerBox,
  744.                 // wPlayer
  745.             // } = h5Player.getPlayerBox(player);
  746.             // if (playerBox) {
  747.                 // if (playerBox == document.activeElement || playerBox.contains(document.activeElement)) shallFocus = false;
  748.                 // if (shallFocus && playerBox.hasAttribute('tabindex')) playerBox.focus();
  749.             // }
  750.  
  751.  
  752.             h5Player.callFullScreenBtn();
  753.  
  754.             // 阻止事件冒泡
  755.             //event.stopPropagation()
  756.             // event.preventDefault()
  757.             // return false
  758.  
  759.         },
  760.         doc_focusout: function(e) {
  761.             let doc = this;
  762.             h5Player.focusFxLock = true;
  763.             requestAnimationFrame(function() {
  764.                 h5Player.focusFxLock = false;
  765.                 if (!h5Player.enable) h5Player.tips(false);
  766.                 else
  767.                     if (!doc.hasFocus() && h5Player.player() && !h5Player.isLostFocus) {
  768.                         h5Player.isLostFocus = true;
  769.                         consoleLog('doc.focusout')
  770.                         h5Player.tips('focus is lost', -1);
  771.                     }
  772.             });
  773.         },
  774.         doc_focusin: function(e) {
  775.             let doc = this;
  776.             if (h5Player.focusFxLock) return;
  777.             requestAnimationFrame(function() {
  778.  
  779.                 if (h5Player.focusFxLock) return;
  780.                 if (!h5Player.enable) h5Player.tips(false);
  781.                 else
  782.                     if (doc.hasFocus() && h5Player.player() && h5Player.isLostFocus) {
  783.                         h5Player.isLostFocus = false;
  784.                         consoleLog('doc.focusin')
  785.                         h5Player.tips(false);
  786.  
  787.                     }
  788.             });
  789.         },
  790.  
  791.         win_receiveMsg: async function(e) {
  792.             let tag = e.data;
  793.             if (typeof e.data == 'object' && typeof e.data.tag == 'string') {
  794.                 tag = e.data.tag;
  795.             }
  796.             switch (tag) {
  797.                 case 'consoleLog':
  798.                     console.log.apply(console, e.data.data)
  799.                     break;
  800.  
  801.             }
  802.         },
  803.         timeupdatef_ell: async function(opts) {
  804.             let video = opts.video;
  805.             let time = video.currentTime;
  806.             if (time !== opts.lastTime) {
  807.                 video._lastTime = time;
  808.                 video.dispatchEvent(opts.evt);
  809.             }
  810.         },
  811.         playbackELL: async (opts) => {
  812.  
  813.             let qTime = +new Date;
  814.             if (qTime >= opts.pTime) {
  815.                 opts.pTime = qTime + opts.timeDelta; //prediction of next Interval
  816.                 opts.playbackRecord()
  817.             }
  818.  
  819.  
  820.  
  821.         },
  822.         playbackRecord: async function() {
  823.  
  824.             //this refer to endless's opts
  825.  
  826.  
  827.  
  828.  
  829.             let player = this.player;
  830.             let t = h5Player;
  831.  
  832.             let _uid = this.player_uid; //_h5p_uid_encrypted
  833.             if (!_uid) return;
  834.  
  835.  
  836.  
  837.  
  838.             let shallSave = true;
  839.             let currentTimeToSave = ~~player.currentTime;
  840.  
  841.             if (this._lastSave == currentTimeToSave) shallSave = false;
  842.  
  843.             if (shallSave) {
  844.  
  845.  
  846.  
  847.                 this._lastSave = currentTimeToSave
  848.  
  849.  
  850.                 //console.log('aasas',this.player_uid, shallSave, '_play_progress_'+_uid, currentTimeToSave)
  851.  
  852.                 Store.save('_play_progress_' + _uid, JSON.stringify({
  853.                     't': currentTimeToSave
  854.                 }))
  855.  
  856.             }
  857.  
  858.  
  859.         },
  860.         pr_updateUID: function() {
  861.  
  862.             //this refer to endless's opts
  863.  
  864.             let player = this.player;
  865.  
  866.             let t = h5Player
  867.             let _uid = player.getAttribute('_h5p_uid_encrypted') || ''
  868.             if (!_uid) return false;
  869.             this.player_uid = _uid;
  870.  
  871.             return true;
  872.  
  873.         },
  874.  
  875.  
  876.         srcLoaded_playing: function() {
  877.  
  878.             if (!h5Player.enable) return h5Player.tips(false);
  879.             let player = this;
  880.             consoleLog('playing')
  881.             if (player._isThisPausedBefore_) requestAnimationFrame(() => h5Player.tips('Playback resumed', undefined, 2500))
  882.  
  883.  
  884.             /* 播放的時候進行相關同步操作 */
  885.  
  886.  
  887.             if (!_endlessloop) {
  888.                 _endlessloop = new EndlessLoop();
  889.             }
  890.  
  891.             if (!player._record_continuous) {
  892.  
  893.                 /* 同步之前設定的播放速度 */
  894.                 h5Player.setPlaybackRate()
  895.  
  896.  
  897.  
  898.                 player._record_continuous = _endlessloop.append(handle.playbackELL);
  899.                 player._record_continuous._lastSave = -999;
  900.  
  901.                 player._record_continuous.timeDelta = 2000;
  902.                 player._record_continuous.player = player
  903.                 player._record_continuous.playbackRecord = handle.playbackRecord;
  904.                 player._record_continuous.updateUID = handle.pr_updateUID;
  905.  
  906.                 player._record_continuous.playingWithRecording = function() {
  907.  
  908.                     let player = this.player;
  909.  
  910.  
  911.  
  912.                     if (!player.paused && this.updateUID()) {
  913.  
  914.                         if (!this.looping) {
  915.  
  916.  
  917.                             this.pTime = 0;
  918.                             this.loopingStart();
  919.                         }
  920.  
  921.  
  922.                     }
  923.  
  924.                 }
  925.  
  926.  
  927.  
  928.             } else {
  929.                 //just change the src
  930.                 // player._record_continuous.updateUID();
  931.  
  932.             }
  933.  
  934.  
  935.  
  936.             player._record_continuous.playingWithRecording(player); //try to start recording
  937.  
  938.  
  939.  
  940.  
  941.             _ell_timeupdatefs.forEach(opts => opts.loopingStart());
  942.  
  943.  
  944.  
  945.  
  946.         },
  947.         srcLoaded_pause: function() {
  948.  
  949.             if (!h5Player.enable) return h5Player.tips(false);
  950.             let player = this;
  951.             consoleLog('pause')
  952.             player._isThisPausedBefore_ = true;
  953.             requestAnimationFrame(() => h5Player.tips('Playback paused', undefined, 2500))
  954.  
  955.  
  956.             if (player._record_continuous && player._record_continuous.looping) {
  957.                 player._record_continuous.playbackRecord(); //playbackRecord once before stopping  //handle.playbackRecord;
  958.                 player._record_continuous.loopingStop();
  959.             }
  960.  
  961.             _ell_timeupdatefs.forEach(opts => opts.loopingStop());
  962.  
  963.  
  964.         },
  965.     };
  966.     const pictureInPicture = function(videoElm) {
  967.         if (document.pictureInPictureElement) document.exitPictureInPicture();
  968.         else {
  969.             ('requestPictureInPicture' in videoElm) ? videoElm.requestPictureInPicture(): h5Player.tips('PIP is not supported.');
  970.         }
  971.  
  972.     }
  973.  
  974.     const TCC_items = [
  975.  
  976.  
  977.         {
  978.             'fullScreen': '.fullscreen-btn',
  979.             'exitFullScreen': '.exit-fullscreen-btn',
  980.             'webFullScreen': function() {},
  981.             'exitWebFullScreen': '.exit-fullscreen-btn',
  982.             'autoPlay': '.player-start-btn',
  983.             'pause': '.player-pause',
  984.             'play': '.player-play',
  985.             'switchPlayStatus': '.player-play',
  986.             'playbackRate': function() {},
  987.             'currentTime': function() {},
  988.             'addCurrentTime': '.add-currenttime',
  989.             'subtractCurrentTime': '.subtract-currenttime',
  990.             // 自定義快捷鍵的執行方式，如果是組合鍵，必須是 ctrl-->shift-->alt 這樣的順序，沒有可以忽略，鍵名必須全小寫
  991.             'shortcuts': {
  992.                 /* 註冊要執行自定義回調操作的快捷鍵 */
  993.                 register: ['ctrl+shift+alt+c', 'ctrl+shift+c', 'ctrl+alt+c', 'ctrl+c', 'c'],
  994.                 /* 自定義快捷鍵的回調操作 */
  995.                 callback: function(h5Player, taskConf, data) {
  996.                     let {
  997.                         event,
  998.                         player
  999.                     } = data
  1000.                     console.log(event, player)
  1001.                 }
  1002.             },
  1003.             'include': ['||demo.demo^'],
  1004.             'exclude': [],
  1005.         },
  1006.         {
  1007.             // 'webFullScreen': 'button.ytp-size-button',
  1008.             'fullScreen': 'button.ytp-fullscreen-button',
  1009.             'include': ['||youtube.com^'],
  1010.         },
  1011.         {
  1012.             'fullScreen': 'button.button-nfplayerFullscreen',
  1013.             'addCurrentTime': 'button.button-nfplayerFastForward',
  1014.             'subtractCurrentTime': 'button.button-nfplayerBackTen',
  1015.             'include': ['||netflix.com^'],
  1016.         },
  1017.         {
  1018.             'fullScreen': '[data-text="进入全屏"],[data-text="進入全屏"]',
  1019.             'webFullScreen': '[data-text="退出全屏",[data-text="退出全屏]"]',
  1020.             'autoPlay': '.bilibili-player-video-btn-start',
  1021.             'switchPlayStatus': '.bilibili-player-video-btn-start',
  1022.             'include': ['||bilibili.com^'],
  1023.         },
  1024.         {
  1025.             'fullScreen': '.bilibili-live-player-video-controller-fullscreen-btn button',
  1026.             'webFullScreen': '.bilibili-live-player-video-controller-web-fullscreen-btn button',
  1027.             'switchPlayStatus': '.bilibili-live-player-video-controller-start-btn button',
  1028.             'include': ['||live.bilibili.com^']
  1029.         },
  1030.         {
  1031.             'fullScreen': '.iqp-btn-fullscreen',
  1032.             'webFullScreen': '.iqp-btn-webscreen',
  1033.             'init': function(h5Player, taskConf) {
  1034.                 // 隱藏水印
  1035.                 domTool.hideDom('.iqp-logo-box')
  1036.                 // 移除暫停廣告
  1037.                 domTool.addStyle('div[templatetype="common_pause"]{ display:none }')
  1038.             },
  1039.             'include': ['||iqiyi.com^']
  1040.         },
  1041.         {
  1042.             'fullScreen': '.control-fullscreen-icon',
  1043.             'init': function(h5Player, taskConf) {
  1044.                 // 隱藏水印
  1045.                 domTool.hideDom('.youku-layer-logo')
  1046.             },
  1047.             'include': ['||youku.com^']
  1048.         },
  1049.         {
  1050.             'fullScreen': 'button.Fullscreen',
  1051.             'include': ['||ted.com^']
  1052.         },
  1053.         {
  1054.             'pause': '.container_inner .txp-shadow-mod]',
  1055.             'play': '.container_inner .txp-shadow-mod',
  1056.             'shortcuts': {
  1057.                 register: ['c', 'x', 'z'],
  1058.                 callback: function(h5Player, taskConf, data) {
  1059.                     let {
  1060.                         event
  1061.                     } = data
  1062.                     let key = event.key.toLowerCase()
  1063.                     let speedItems = document.querySelectorAll('.container_inner txpdiv[data-role="txp-button-speed-list"] .txp_menuitem')
  1064.                     /* 利用sessionStorage下的playbackRate進行設置 */
  1065.                     if (window.sessionStorage.playbackRate && /(c|x|z)/.test(key)) {
  1066.                         let curSpeed = Number(window.sessionStorage.playbackRate)
  1067.                         let perSpeed = curSpeed - 0.1 >= 0 ? curSpeed - 0.1 : 0.1
  1068.                         let nextSpeed = curSpeed + 0.1 <= 4 ? curSpeed + 0.1 : 4
  1069.                         let targetSpeed = curSpeed
  1070.                         switch (key) {
  1071.                             case 'z':
  1072.                                 targetSpeed = 1
  1073.                                 break
  1074.                             case 'c':
  1075.                                 targetSpeed = nextSpeed
  1076.                                 break
  1077.                             case 'x':
  1078.                                 targetSpeed = perSpeed
  1079.                                 break
  1080.                         }
  1081.                         window.sessionStorage.playbackRate = targetSpeed
  1082.                         h5Player.tuneCurrentTime(0.1, -1)
  1083.                         h5Player.setPlaybackRate(targetSpeed, -1)
  1084.                         return true
  1085.                     }
  1086.                     /* 模擬點擊觸發 */
  1087.                     if (speedItems.length >= 3 && /(c|x|z)/.test(key)) {
  1088.                         let curIndex = 1
  1089.                         speedItems.forEach((item, index) => {
  1090.                             if (item.classList.contains('txp_current')) {
  1091.                                 curIndex = index
  1092.                             }
  1093.                         })
  1094.                         let perIndex = curIndex - 1 >= 0 ? curIndex - 1 : 0
  1095.                         let nextIndex = curIndex + 1 < speedItems.length ? curIndex + 1 : speedItems.length - 1
  1096.                         let target = speedItems[1]
  1097.                         switch (key) {
  1098.                             case 'z':
  1099.                                 target = speedItems[1]
  1100.                                 break
  1101.                             case 'c':
  1102.                                 target = speedItems[nextIndex]
  1103.                                 break
  1104.                             case 'x':
  1105.                                 target = speedItems[perIndex]
  1106.                                 break
  1107.                         }
  1108.                         target.click()
  1109.                         let speedNum = Number(target.innerHTML.replace('x'))
  1110.                         h5Player.setPlaybackRate(speedNum)
  1111.                     }
  1112.                 }
  1113.             },
  1114.             'init': function(h5Player, taskConf) {
  1115.                 // 隱藏水印
  1116.                 domTool.hideDom('.txp-watermark')
  1117.             },
  1118.             'include': ['||v.qq.com^']
  1119.         },
  1120.         {
  1121.             'fullScreen': function(h5Player, taskConf) {
  1122.                 //h5Player.playerInstance.parentNode.querySelector('.vjs-fullscreen-control').click()
  1123.                 h5Player.player().parentNode.querySelector('.vjs-fullscreen-control').click();
  1124.             },
  1125.             'include': ['||pan.baidu.com^']
  1126.         },
  1127.         {
  1128.             fullScreen: function(h5Player, taskConf) {
  1129.                 const player = h5Player.player();
  1130.                 let {
  1131.                     playerBox,
  1132.                     wPlayer
  1133.                 } = h5Player.getPlayerBox(player)
  1134.                 const container = playerBox.toParentContains('div[title*="窗口全屏"]');
  1135.                 if (container) {
  1136.                     if (player._isFullScreen_) {
  1137.  
  1138.                         container.querySelector('div[title="退出窗口全屏"]').click();
  1139.                     } else {
  1140.                         container.querySelector('div[title="窗口全屏"]').click();
  1141.                     }
  1142.                     player._isFullScreen_ = !player._isFullScreen_;
  1143.                     return true
  1144.                 }
  1145.             },
  1146.             webFullScreen: function(h5Player, taskConf) {
  1147.                 const player = h5Player.player();
  1148.                 let {
  1149.                     playerBox,
  1150.                     wPlayer
  1151.                 } = h5Player.getPlayerBox(player)
  1152.                 const container = playerBox.toParentContains('div[title*="网页全屏"]');
  1153.                 if (container) {
  1154.                     if (player._isWebFullScreen_) {
  1155.                         container.querySelector('div[title="退出网页全屏"]').click();
  1156.                     } else {
  1157.                         container.querySelector('div[title="网页全屏"]').click();
  1158.                     }
  1159.                     player._isWebFullScreen_ = !player._isWebFullScreen_;
  1160.                     return true
  1161.                 }
  1162.             },
  1163.             'include': ['||douyu.com^']
  1164.         }
  1165.  
  1166.     ];
  1167.  
  1168.     ;
  1169.     const uCheck = (function() {
  1170.         function seperator(x) {
  1171.             return x == '' || /^[^\w\d\-\.\%\_]$/.test(x)
  1172.         }
  1173.  
  1174.         return function uCheck(rule, url) {
  1175.  
  1176.             let url_s01 = url.split('\:\/\/');
  1177.             let protocol = url_s01[0]
  1178.             let url_s01r = url.substring(protocol.length + 3);
  1179.             let rule_m2 = null;
  1180.  
  1181.             if (rule_m2 = /^\|(.+)\|$/.exec(rule)) {
  1182.                 return url == rule_m2[1];
  1183.             }
  1184.  
  1185.             let rule_m1 = rule.match(/^(\|\|)?([^\^]+)(\^)?$/)
  1186.             let w = '';
  1187.             let o = {}
  1188.             if (!rule_m1) return null;
  1189.             //console.log(110, rule_m1)
  1190.             if (rule_m1[3]) o.last = true
  1191.             if (rule_m1[1]) o.domain = true
  1192.             if (rule_m1[2]) w = rule_m1[2];
  1193.             let wq = w.replace(/\//g, '\\/').replace(/\./g, '\\.').replace(/\|/g, '\\|').replace(/\*/g, '.*');
  1194.             let rq = new RegExp('^(.*)(' + wq + ")(.?)", 'i')
  1195.             let exec1 = rq.exec(url_s01r);
  1196.             //console.log(120, rq, url_s01r, exec1)
  1197.  
  1198.  
  1199.             if (!exec1) return false;
  1200.             if (o.domain) {
  1201.                 exec1[1] = exec1[1] || '';
  1202.                 if (exec1[1]) {
  1203.                     if (exec1[1].indexOf(':\/\/') >= 0) return false
  1204.                     if (!/\./.test(exec1[1].substr(-1))) return false
  1205.  
  1206.                 }
  1207.             }
  1208.             if (o.last) {
  1209.                 if (!seperator(exec1[3])) return false;
  1210.             }
  1211.             return true;
  1212.         }
  1213.  
  1214.     })();
  1215.  
  1216.  
  1217.     const TCC = {
  1218.         /**
  1219.          * 任務配置中心 Task Control Center
  1220.          * 用於配置所有無法進行通用處理的任務，如不同網站的FULLSCREEN方式不一樣，必須調用網站本身的FULLSCREEN邏輯，才能確保字幕、彈幕等正常工作
  1221.          * */
  1222.  
  1223.  
  1224.         /**
  1225.          * 獲取任務配置，只能獲取到當前域名下的任務配置信息
  1226.          * @param taskName {string} -可選 指定具體任務，默認返回所有類型的任務配置
  1227.          */
  1228.         getTaskConfig: function() {
  1229.             let t = this
  1230.  
  1231.             if (t._getTaskConfig) return t._getTaskConfig;
  1232.  
  1233.             //only just once
  1234.  
  1235.             let matchAllDomain = false;
  1236.             /**
  1237.              * 格式化配置任務
  1238.              * @param matchAllDomain { boolean } -可選 默認只格式當前域名或host下的配置任務，傳入true則將所有域名下的任務配置都進行格式化
  1239.              */
  1240.  
  1241.  
  1242.             let formatTCC = (function() {
  1243.  
  1244.                 let result = []
  1245.                 let url = location + '';
  1246.                 TCC_items.forEach((item) => {
  1247.                     if (!tool.isObj(item)) return;
  1248.                     if (item.exclude) {
  1249.                         if (item.exclude.some(rule => uCheck(rule, url))) {
  1250.                             item.isExcluded = true;
  1251.                             return;
  1252.                         }
  1253.                     }
  1254.  
  1255.                     if (item.include) {
  1256.                         if (item.include.some(rule => uCheck(rule, url))) {
  1257.                             item.isIncluded = true;
  1258.                         }
  1259.  
  1260.                     }
  1261.  
  1262.                     if (item.isIncluded) {
  1263.                         result.push(item)
  1264.                         item.isMatch = true;
  1265.                     }
  1266.  
  1267.                 })
  1268.                 return result
  1269.             })();
  1270.  
  1271.  
  1272.             console.log('formatTCC', formatTCC)
  1273.  
  1274.             let taskConf = formatTCC[0]
  1275.             if (!taskConf) return (t._getTaskConfig = {});
  1276.             let isMatch = taskConf.isMatch; /* 判斷所提供的配置任務是否適用於當前URL */
  1277.  
  1278.  
  1279.             if (isMatch) return (t._getTaskConfig = taskConf);
  1280.             return (t._getTaskConfig = {});
  1281.         },
  1282.         _getTaskConfig: null,
  1283.         /**
  1284.          * 執行當前頁面下的相應任務
  1285.          * @param taskName {object|string} -必選，可直接傳入任務配置對象，也可用是任務名稱的字符串信息，自己去查找是否有任務需要執行
  1286.          * @param data {object} -可選，傳給回調函數的數據
  1287.          */
  1288.         doTask: function(taskName, data) {
  1289.  
  1290.             if (!taskName) return false
  1291.             let taskConf = this.getTaskConfig()
  1292.             if (!tool.isObj(taskConf)) return false
  1293.             let task = taskConf[taskName]
  1294.  
  1295.             if (!task) return false
  1296.             console.log('h5player-dotask', taskName)
  1297.             let clickDOM = null;
  1298.             if (taskName === 'shortcuts') {
  1299.                 if (tool.isObj(task) && task.callback instanceof Function) {
  1300.  
  1301.                     return task.callback(h5Player, taskConf, data)
  1302.                 }
  1303.             } else if (task instanceof Function) {
  1304.                 task(h5Player, taskConf, data)
  1305.                 try {
  1306.                     return task(h5Player, taskConf, data)
  1307.                 } catch (e) {
  1308.                     console.error('TCC自定义函数任务执行失败：', h5Player, taskConf, data);
  1309.                     return false
  1310.                 }
  1311.             } else {
  1312.                 let wrapDom = h5Player.getPlayerWrapDom()
  1313.                 /* 觸發選擇器上的點擊事件 */
  1314.                 if (wrapDom && wrapDom.querySelector(task)) {
  1315.                     // 在video的父元素裡查找，是為了盡可能相容多實例下的邏輯
  1316.                     clickDOM = wrapDom.querySelector(task)
  1317.                 } else if (document.querySelector(task)) {
  1318.                     clickDOM = document.querySelector(task)
  1319.                 }
  1320.                 if (clickDOM) {
  1321.                     requestAnimationFrame(function() {
  1322.                         //prevent keydown and click same time
  1323.                         clickDOM.click()
  1324.                     });
  1325.                     return true
  1326.                 }
  1327.             }
  1328.             return false
  1329.         }
  1330.     }
  1331.  
  1332.  
  1333.     class VideoListener {
  1334.         constructor(shadowRoot) {
  1335.             this.rootElement = shadowRoot || window.document;
  1336.             this.observer = null;
  1337.             this._check = () => this.check();
  1338.  
  1339.         }
  1340.         listen(fn) {
  1341.             this.init_observer();
  1342.             this.fn = fn; // single function
  1343.             this.check();
  1344.         }
  1345.         init_observer() {
  1346.             if (this.observer) return;
  1347.             this.observer = new window.__MutationObserver(this.mutationObserverCallback);
  1348.             this.observer.observe(this.rootElement, {
  1349.                 childList: true,
  1350.                 subtree: true
  1351.             })
  1352.             this.observer.videoListener = this;
  1353.         }
  1354.         mutationObserverCallback(mutations, observer) {
  1355.  
  1356.             let videoListener = observer.videoListener;
  1357.  
  1358.  
  1359.             let requireChecking = false;
  1360.  
  1361.             if (mutations && 'length' in mutations) {
  1362.                 requireChecking = Array.prototype.some.call(mutations, mutation => {
  1363.                     let addedNodes = mutation.addedNodes;
  1364.                     if (addedNodes && addedNodes.length) {
  1365.                         return Array.prototype.some.call(addedNodes, addedNode => {
  1366.  
  1367.                             if (addedNode.nodeName == 'VIDEO' || addedNode.childElementCount > 0) {
  1368.                                 return true;
  1369.                             }
  1370.                             return false;
  1371.  
  1372.                         })
  1373.                     }
  1374.  
  1375.                     return false;
  1376.  
  1377.  
  1378.  
  1379.                 })
  1380.  
  1381.  
  1382.             }
  1383.  
  1384.  
  1385.             if (requireChecking) {
  1386.                 if (videoListener.cid) cancelAnimationFrame(videoListener.cid);
  1387.                 videoListener.cid = requestAnimationFrame(videoListener._check);
  1388.             }
  1389.  
  1390.  
  1391.         }
  1392.  
  1393.         async check() {
  1394.  
  1395.             let videos = this.rootElement.getElementsByTagName('VIDEO');
  1396.             for (let video of videos) {
  1397.  
  1398.                 if (!video._isMutationReady_) {
  1399.                     video._isMutationReady_ = true
  1400.                     video.setAttribute('h5p_observed', '1');
  1401.                     this.fn(video)
  1402.  
  1403.                 }
  1404.             }
  1405.  
  1406.         }
  1407.     }
  1408.     window.__MutationObserver = window.MutationObserver || window.WebKitMutationObserver || null
  1409.  
  1410.  
  1411.  
  1412.  
  1413.     const _keyMap = function(arr, obj) {
  1414.  
  1415.         let res = {}
  1416.         arr.forEach((key) => {
  1417.             res[key] = key.charCodeAt(0)
  1418.         })
  1419.         Object.assign(res, obj)
  1420.         return res;
  1421.  
  1422.     }
  1423.  
  1424.     /**
  1425.      * 某些網頁用了attachShadow closed mode，需要open才能獲取video標籤，例如百度雲盤
  1426.      * 解決參考：
  1427.      * https://developers.google.com/web/fundamentals/web-components/shadowdom?hl=zh-cn#closed
  1428.      * https://stackoverflow.com/questions/54954383/override-element-prototype-attachshadow-using-chrome-extension
  1429.      */
  1430.  
  1431.  
  1432.     function hackAttachShadow() {
  1433.         if (window._hasHackAttachShadow_) return
  1434.         window._hasHackAttachShadow_ = true
  1435.         let err = null;
  1436.  
  1437.         function errFunc(_err) {
  1438.             console.error('hackAttachShadow error by h5player plug-in', {
  1439.                 errCode: err = _err
  1440.             })
  1441.             return
  1442.         }
  1443.         window._shadowDomList_ = []
  1444.         if (!window.Element) return errFunc(0x1E01);
  1445.         if (!window.Element.prototype) return (0x1E02);
  1446.         window.Element.prototype._attachShadow = window.Element.prototype.attachShadow
  1447.  
  1448.         window.Element.prototype.attachShadow = function() {
  1449.  
  1450.             let arg = arguments
  1451.             try {
  1452.  
  1453.                 if (arg[0] && arg[0]['mode']) {
  1454.                     // 強制使用 open mode
  1455.                     arg[0]['mode'] = 'open'
  1456.                 }
  1457.             } catch (e) {
  1458.                 return errFunc(0x3001);
  1459.             }
  1460.             let shadowRoot = this._attachShadow.apply(this, arg)
  1461.  
  1462.             // 存一份shadowDomListf
  1463.             if (window._shadowDomList_ && window._shadowDomList_.push) window._shadowDomList_.push(shadowRoot)
  1464.  
  1465.  
  1466.             try {
  1467.                 // 在document下面添加 addShadowRoot 自定義事件
  1468.                 let shadowEvent = new window.CustomEvent('addShadowRoot', {
  1469.                     shadowRoot,
  1470.                     detail: {
  1471.                         shadowRoot,
  1472.                         message: 'addShadowRoot',
  1473.                         time: new Date()
  1474.                     },
  1475.                     bubbles: true,
  1476.                     cancelable: true
  1477.                 })
  1478.                 document.dispatchEvent(shadowEvent)
  1479.  
  1480.             } catch (e) {
  1481.                 return errFunc(0x3000);
  1482.             }
  1483.             return shadowRoot
  1484.         }
  1485.  
  1486.     }
  1487.  
  1488.  
  1489.     /* 事件偵聽hack */
  1490.     function hackEventListener() {
  1491.         if (!window.EventTarget) return
  1492.         const EVENT = window.EventTarget.prototype
  1493.         if (EVENT._addEventListener) return
  1494.  
  1495.         function Listeners(dom, type) {
  1496.             this._dom = dom;
  1497.             this._type = type;
  1498.             this.listenersCount = 0;
  1499.             this.hashList = {};
  1500.         };
  1501.         Listeners.prototype = new Object;
  1502.         Listeners.prototype.__defineGetter__("baseFunc", function() {
  1503.             if (this._dom && this._type) {
  1504.                 return this._dom['on' + this._type];
  1505.             }
  1506.         });
  1507.         Listeners.prototype.__defineGetter__("funcCount", function() {
  1508.             if (this._dom && this._type) {
  1509.                 return (typeof this.baseFunc == 'function') * 1 + (this.listenersCount || 0)
  1510.             }
  1511.         });
  1512.  
  1513.  
  1514.         EVENT._addEventListener = EVENT.addEventListener
  1515.         EVENT._removeEventListener = EVENT.removeEventListener
  1516.         // hack addEventListener
  1517.         EVENT._evtCount = 0;
  1518.  
  1519.  
  1520.         const _EVENT_raf = ((elm) => {
  1521.  
  1522.             if (!_endlessloop) {
  1523.                 _endlessloop = new EndlessLoop();
  1524.             }
  1525.  
  1526.             let opts = _endlessloop.append(handle.timeupdatef_ell)
  1527.             opts.video = elm;
  1528.             opts.lastTime = -1;
  1529.             opts.evt = new SimEvent("timeupdatef", {
  1530.                 bubbles: false,
  1531.                 cancelable: true,
  1532.             }, 'timeupdate');
  1533.  
  1534.  
  1535.             opts.loopingStart();
  1536.             _ell_timeupdatefs.push(opts);
  1537.  
  1538.  
  1539.         });
  1540.  
  1541.         EVENT.addEventListener = function() {
  1542.             if (!this || !(this instanceof EventTarget)) {
  1543.                 return EVENT._addEventListener.apply(this, arguments)
  1544.                 //unknown bug?
  1545.             }
  1546.  
  1547.  
  1548.             let arg = arguments
  1549.             let type = arg[0]
  1550.             let listener = arg[1]
  1551.             let boolCapture = !!((arg[2] && typeof arg[2] == 'object') ? arg[2].capture : arg[2])
  1552.             let sim_arg = null;
  1553.             if (type == 'timeupdate' && this.nodeType == 1 && this.nodeName == "VIDEO") {
  1554.                 console.log('timeupdate detected')
  1555.                 sim_arg = [...arg];
  1556.  
  1557.                 _EVENT_raf(this);
  1558.                 sim_arg[0] = 'timeupdatef';
  1559.                 sim_arg[1] = (function(f, evtOB) {
  1560.                     return async function(e) {
  1561.                         let o = new evtOB(e);
  1562.                         let arg = [...arguments]
  1563.                         arg[0] = o
  1564.                         //console.log('success',[...arg])
  1565.                         return f.apply(this, arg)
  1566.                     }
  1567.                 })(sim_arg[1], _evtOB_create(Event, {
  1568.                     isTrusted: true,
  1569.                     type: 'timeupdate'
  1570.                 }))
  1571.                 EVENT._addEventListener.apply(this, sim_arg)
  1572.  
  1573.                 //console.log('listener',listener)
  1574.                 consoleLog('timeupdate(fast) is added with listener', fn_toString(listener))
  1575.             } else {
  1576.                 EVENT._addEventListener.apply(this, arg)
  1577.             }
  1578.  
  1579.  
  1580.  
  1581.             this._listeners = this._listeners || {}
  1582.             this._listeners[type] = this._listeners[type] || new Listeners(this, type)
  1583.             let addedTime = +new Date().getTime();
  1584.             let uid = 100000 + (++EVENT._evtCount);
  1585.             let listenerObj = {
  1586.                 //target: this,
  1587.                 //type,
  1588.                 listener,
  1589.                 options: arg[2],
  1590.                 uid: uid,
  1591.                 useCapture: boolCapture,
  1592.                 sim_arg
  1593.                 //addedTime:addedTime
  1594.             }
  1595.             this._listeners[type].hashList[uid + ''] = listenerObj;
  1596.             this._listeners[type].listenersCount++;
  1597.         }
  1598.         // hack removeEventListener
  1599.         EVENT.removeEventListener = function() {
  1600.             if (!this || !(this instanceof EventTarget)) {
  1601.                 return EVENT._removeEventListener.apply(this, arguments)
  1602.                 //unknown bug?
  1603.             }
  1604.  
  1605.  
  1606.             let arg = arguments
  1607.             let type = arg[0]
  1608.             let listener = arg[1]
  1609.  
  1610.             let boolCapture = !!((arg[2] && typeof arg[2] == 'object') ? arg[2].capture : arg[2])
  1611.  
  1612.             let defaultRemoval = true;
  1613.             if (this._listeners && this._listeners[type] && this._listeners[type].hashList) {
  1614.                 let hashList = this._listeners[type].hashList
  1615.                 for (let k in hashList) {
  1616.                     if (hashList[k].listener === listener && hashList[k].useCapture == boolCapture) {
  1617.                         if (hashList[k].sim_arg) {
  1618.                             defaultRemoval = false;
  1619.                             EVENT._removeEventListener.apply(this, hashList[k].sim_arg.slice(0, 3));
  1620.                         }
  1621.                         delete hashList[k];
  1622.                         this._listeners[type].listenersCount--;
  1623.                         break;
  1624.                     }
  1625.                 }
  1626.             }
  1627.             if (defaultRemoval) EVENT._removeEventListener.apply(this, arg);
  1628.         }
  1629.     }
  1630.  
  1631.  
  1632.  
  1633.     Object.assign(tool, {
  1634.         checkFullScreen: function checkFullScreen(doc) {
  1635.             if (typeof doc.fullScreen == 'boolean') return doc.fullScreen;
  1636.             if (typeof doc.webkitIsFullScreen == 'boolean') return doc.webkitIsFullScreen;
  1637.             if (typeof doc.mozFullScreen == 'boolean') return doc.mozFullScreen;
  1638.             return null;
  1639.         },
  1640.  
  1641.         formatCT: function(u) {
  1642.  
  1643.             let w = Math.round(u, 0)
  1644.             let a = w % 60
  1645.             w = (w - a) / 60
  1646.             let b = w % 60
  1647.             w = (w - b) / 60
  1648.             let str = ("0" + b).substr(-2) + ":" + ("0" + a).substr(-2);
  1649.             if (w) str = w + ":" + str
  1650.  
  1651.             return str
  1652.  
  1653.         },
  1654.  
  1655.  
  1656.         /*
  1657.             quickSort  : function (arr) {
  1658.  
  1659.              * 向上查找操作
  1660.              * @param dom {Element} -必選 初始dom元素
  1661.              * @param fn {function} -必選 每一級ParentNode的回調操作
  1662.              * 如果函數返回true則表示停止向上查找動作
  1663.  
  1664.                 function _quickSort(arr){
  1665.  
  1666.                     if (arr.length <= 1) {
  1667.                         return arr
  1668.                     }
  1669.                     let pivotIndex = Math.floor(arr.length / 2)
  1670.                     let pivot = arr.splice(pivotIndex, 1)[0]
  1671.                     let left = []
  1672.                     let right = []
  1673.                     for (let i = 0; i < arr.length; i++) {
  1674.                         if (arr[i] < pivot) {
  1675.                             left.push(arr[i])
  1676.                         } else {
  1677.                             right.push(arr[i])
  1678.                         }
  1679.                     }
  1680.                     return _quickSort(left).concat([pivot], _quickSort(right))
  1681.                 }
  1682.  
  1683.                 return _quickSort(arr)
  1684.             },*/
  1685.         quickSort: (
  1686.             unsortedArray,
  1687.             comparator = (a, b) => a < b ? -1 : a > b ? 1 : 0
  1688.         ) => {
  1689.  
  1690.             //https://medium.com/@Charles_Stover/implementing-quicksort-in-javascript-8044a8e2bf39
  1691.  
  1692.             // Create a sortable array to return.
  1693.             const sortedArray = [...unsortedArray];
  1694.  
  1695.             // Recursively sort sub-arrays.
  1696.             const recursiveSort = (start, end) => {
  1697.  
  1698.                 // If this sub-array is empty, it's sorted.
  1699.                 if (end - start < 1) {
  1700.                     return;
  1701.                 }
  1702.  
  1703.                 const pivotValue = sortedArray[end];
  1704.                 let splitIndex = start;
  1705.                 for (let i = start; i < end; i++) {
  1706.                     const sort = comparator(sortedArray[i], pivotValue);
  1707.  
  1708.                     // This value is less than the pivot value.
  1709.                     if (sort === -1) {
  1710.  
  1711.                         // If the element just to the right of the split index,
  1712.                         //   isn't this element, swap them.
  1713.                         if (splitIndex !== i) {
  1714.                             const temp = sortedArray[splitIndex];
  1715.                             sortedArray[splitIndex] = sortedArray[i];
  1716.                             sortedArray[i] = temp;
  1717.                         }
  1718.  
  1719.                         // Move the split index to the right by one,
  1720.                         //   denoting an increase in the less-than sub-array size.
  1721.                         splitIndex++;
  1722.                     }
  1723.  
  1724.                     // Leave values that are greater than or equal to
  1725.                     //   the pivot value where they are.
  1726.                 }
  1727.  
  1728.                 // Move the pivot value to between the split.
  1729.                 sortedArray[end] = sortedArray[splitIndex];
  1730.                 sortedArray[splitIndex] = pivotValue;
  1731.  
  1732.                 // Recursively sort the less-than and greater-than arrays.
  1733.                 recursiveSort(start, splitIndex - 1);
  1734.                 recursiveSort(splitIndex + 1, end);
  1735.             };
  1736.  
  1737.             // Sort the entire array.
  1738.             recursiveSort(0, unsortedArray.length - 1);
  1739.             return sortedArray;
  1740.         },
  1741.  
  1742.  
  1743.  
  1744.         getType: function(obj) {
  1745.  
  1746.             /**
  1747.              * 準確地獲取對象的具體類型
  1748.              * @param obj { all } -必選 要判斷的對象
  1749.              * @returns {*} 返回判斷的具體類型
  1750.              */
  1751.             if (obj == null) {
  1752.                 return String(obj)
  1753.             }
  1754.             return typeof obj === 'object' || typeof obj === 'function' ? (obj.constructor && obj.constructor.name && obj.constructor.name.toLowerCase()) || /function\s(.+?)\(/.exec(obj.constructor)[1].toLowerCase() : typeof obj
  1755.         },
  1756.  
  1757.         isObj: function isObj(obj) {
  1758.             return tool.getType(obj) === 'object'
  1759.         }
  1760.     });
  1761.  
  1762.  
  1763.     Object.assign(UA, {
  1764.         userAgentMap: {
  1765.             android: {
  1766.                 chrome: 'Mozilla/5.0 (Linux; Android 9; SM-G960F Build/PPR1.180610.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/74.0.3729.157 Mobile Safari/537.36',
  1767.                 firefox: 'Mozilla/5.0 (Android 7.0; Mobile; rv:57.0) Gecko/57.0 Firefox/57.0'
  1768.             },
  1769.             iPhone: {
  1770.                 safari: 'Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1 Mobile/15E148 Safari/604.1',
  1771.                 chrome: 'Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/74.0.3729.121 Mobile/15E148 Safari/605.1'
  1772.             },
  1773.             iPad: {
  1774.                 safari: 'Mozilla/5.0 (iPad; CPU OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1 Mobile/15E148 Safari/604.1',
  1775.                 chrome: 'Mozilla/5.0 (iPad; CPU OS 12_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/74.0.3729.155 Mobile/15E148 Safari/605.1'
  1776.             }
  1777.         }
  1778.     });
  1779.  
  1780.     Object.assign(UA, {
  1781.         fakeConfig: {
  1782.             // 'tv.cctv.com': userAgentMap.iPhone.chrome,
  1783.             // 'v.qq.com': userAgentMap.iPad.chrome,
  1784.             'open.163.com': UA.userAgentMap.iPhone.chrome,
  1785.             'm.open.163.com': UA.userAgentMap.iPhone.chrome
  1786.         }
  1787.  
  1788.     });
  1789.  
  1790.  
  1791.     function debugMsg() {
  1792.         console.info('h5player debug message :', ...arguments);
  1793.     }
  1794.  
  1795.     h5Player = {
  1796.         /* 提示文本的字號 */
  1797.         fontSize: 16,
  1798.         enable: true,
  1799.         playerInstance: null,
  1800.         scale: 1,
  1801.         translate: {
  1802.             x: 0,
  1803.             y: 0
  1804.         },
  1805.         playbackRate: 1,
  1806.         /* 快進快退步長 */
  1807.         skipStep: 5,
  1808.         /* 獲取當前播放器的實例 */
  1809.         player: function() {
  1810.             let t = this
  1811.             return t.playerInstance || t.getPlayerList()[0]
  1812.         },
  1813.         /* 每個網頁可能存在的多個video播放器 */
  1814.         getPlayerList: function() {
  1815.             let list = [...document.querySelectorAll('video')]
  1816.             // 被封裝在 shadow dom 裡面的video
  1817.             if (window._shadowDomList_) {
  1818.                 window._shadowDomList_.forEach(shadowRoot => {
  1819.                     list = [...list, ...shadowRoot.querySelectorAll('video')]
  1820.                 })
  1821.             }
  1822.             //console.log(list)
  1823.             return list
  1824.         },
  1825.         getPlayerWrapDom: function() {
  1826.             let t = this
  1827.             let player = t.player()
  1828.             if (!player || !player.getBoundingClientRect) return
  1829.             let wrapDom = null
  1830.             let playerBox = player.getBoundingClientRect()
  1831.             if (playerBox.width && playerBox.height) {
  1832.                 domTool.eachParentNode(player, function(parent) {
  1833.                     if (parent === document || !parent.getBoundingClientRect) return
  1834.                     let parentBox = parent.getBoundingClientRect()
  1835.                     if (parentBox.width === playerBox.width && parentBox.height === playerBox.height) {
  1836.                         wrapDom = parent
  1837.                     }
  1838.                 })
  1839.             }
  1840.             return wrapDom
  1841.         },
  1842.         getFocus:function(player,evt){
  1843.             setTimeout(function(){
  1844.                 let rpid=player.getAttribute('_h5ppid');
  1845.                 let interactionBox=player.ownerDocument.querySelector(`[_h5p_interactionbox_="${rpid}"]`);
  1846.                 
  1847.                 //console.log('p',rpid, player,interactionBox,document.activeElement)
  1848.                 if(interactionBox && interactionBox!=document.activeElement && !interactionBox.contains(document.activeElement)){
  1849.                     console.log('make focus on', interactionBox)
  1850.                     //interactionBox.focus();
  1851.                     
  1852.                 }
  1853.                 
  1854.             },300)
  1855.         },
  1856.         videoSrcFound: function(player) {
  1857.  
  1858.             // src loaded
  1859.  
  1860.             let t = h5Player;
  1861.             if (!player) return;
  1862.             let vpid = player.getAttribute('_h5ppid') || null;
  1863.             if (!vpid || !player.currentSrc) return;
  1864.  
  1865.  
  1866.             player._isThisPausedBefore_ = false;
  1867.  
  1868.  
  1869.  
  1870.  
  1871.             player.removeAttribute('_h5p_uid_encrypted');
  1872.  
  1873.             if (player._record_continuous) player._record_continuous._lastSave = -999; //first time must save
  1874.  
  1875.  
  1876.             let uid_A = location.pathname.replace(/[^\d+]/g, '') + '.' + location.search.replace(/[^\d+]/g, '');
  1877.             let _uid = location.hostname.replace('www.', '').toLowerCase() + '!' + location.pathname.toLowerCase() + 'A' + uid_A + 'W' + player.videoWidth + 'H' + player.videoHeight + 'L' + (player.duration << 0);
  1878.  
  1879.             digestMessage(_uid).then(function(_uid_encrypted) {
  1880.  
  1881.  
  1882.  
  1883.                 let d = +new Date;
  1884.  
  1885.                 let recordedTime = null;
  1886.  
  1887.                 ;
  1888.                 (function() {
  1889.                     //read the last record only;
  1890.  
  1891.  
  1892.  
  1893.  
  1894.                     let k1 = '_h5_player_play_progress_';
  1895.                     let k1n = '_play_progress_';
  1896.                     let k2 = _uid_encrypted;
  1897.                     let k3 = k1 + k2;
  1898.                     let k3n = k1n + k2;
  1899.  
  1900.                     let m2 = Object.keys(localStorage).filter(key => key.substr(0, k3.length) == k3); //all progress records for this video
  1901.  
  1902.                     let m2v = m2.map(keyName => +(keyName.split('+')[1] || '0'))
  1903.                     let m2vMax = Math.max(0, ...m2v)
  1904.                     if (!m2vMax) recordedTime = null;
  1905.                     else {
  1906.                         let _json_recordedTime = Store.read(k3n + '+' + m2vMax);
  1907.                         if (!_json_recordedTime) _json_recordedTime = {};
  1908.                         else _json_recordedTime = JSON.parse(_json_recordedTime);
  1909.  
  1910.                         if (typeof _json_recordedTime == 'object') recordedTime = _json_recordedTime;
  1911.                         else recordedTime = null;
  1912.  
  1913.                         console.log(recordedTime)
  1914.                         recordedTime = typeof recordedTime == 'object' ? recordedTime.t : recordedTime;
  1915.                         console.log(recordedTime)
  1916.                         if (typeof recordedTime == 'number' && (+recordedTime >= 0 || +recordedTime <= 0)) {} else if (typeof recordedTime == 'string' && recordedTime.length > 0 && (+recordedTime >= 0 || +recordedTime <= 0)) {
  1917.                             recordedTime = +recordedTime
  1918.                         } else {
  1919.                             recordedTime = null
  1920.                         }
  1921.                     }
  1922.  
  1923.  
  1924.  
  1925.  
  1926.                     if (recordedTime !== null) {
  1927.                         player._h5player_lastrecord_ = recordedTime;
  1928.                     } else {
  1929.                         player._h5player_lastrecord_ = null;
  1930.                     }
  1931.  
  1932.                     if (player._h5player_lastrecord_ > 5) {
  1933.                         console.log('last record playing', player._h5player_lastrecord_);
  1934.                         setTimeout(function() {
  1935.                             let tmp_player = h5Player.playerInstance;
  1936.                             h5Player.playerInstance = player;
  1937.                             h5Player.tips(`Press Shift-R to restore Last Playback: ${tool.formatCT(player._h5player_lastrecord_)}`, 5000, 4000)
  1938.                             h5Player.playerInstance = tmp_player
  1939.                         }, 1000)
  1940.                     }
  1941.  
  1942.  
  1943.  
  1944.  
  1945.                 })();
  1946.  
  1947.  
  1948.  
  1949.  
  1950.                 // delay the recording by 5.4s => prevent ads or mis operation
  1951.                 setTimeout(function() {
  1952.  
  1953.  
  1954.  
  1955.                     let k1 = '_h5_player_play_progress_';
  1956.                     let k1n = '_play_progress_';
  1957.                     let k2 = _uid_encrypted;
  1958.                     let k3 = k1 + k2;
  1959.                     let k3n = k1n + k2;
  1960.  
  1961.                     //re-read all the localStorage keys
  1962.                     let m1 = Object.keys(localStorage).filter(key => key.substr(0, k1.length) == k1); //all progress records in this site
  1963.                     let p = m1.length + 1;
  1964.  
  1965.                     let m2 = m1.filter(key => key.substr(0, k3.length) == k3) //all progress records for this video
  1966.                     m2.forEach(key => localStorage.removeItem(key), p--); //remove previous record for the current video
  1967.  
  1968.                     if (recordedTime !== null){
  1969.                         Store.save(k3n + '+' + d, JSON.stringify({
  1970.                             't': recordedTime
  1971.                         })) //prevent loss of last record
  1972.                     }
  1973.  
  1974.  
  1975.                     const _record_max_ = 48;
  1976.                     const _record_keep_ = 26;
  1977.  
  1978.                     if (p > _record_max_) {
  1979.                         //exisiting 48 records for one site;
  1980.                         //keep only 26 records
  1981.  
  1982.                         const comparator = (a, b) => (a.t < b.t ? -1 : a.t > b.t ? 1 : 0);
  1983.                         let mapM = m1.map(keyName => ({
  1984.                             keyName,
  1985.                             t: +(keyName.split('+')[1] || '0')
  1986.                         }));
  1987.                         let mapN = tool.quickSort(mapM, comparator).slice(0, -_record_keep_);
  1988.  
  1989.  
  1990.                         /* 刪除最早添加的記錄項 */
  1991.                         mapN.forEach(function(item) {
  1992.                             localStorage.removeItem(item.keyName)
  1993.                         })
  1994.  
  1995.                         consoleLog(`stored progress: reduced to ${_record_keep_}`)
  1996.                     }
  1997.  
  1998.  
  1999.                     player.setAttribute('_h5p_uid_encrypted', _uid_encrypted + '+' + d);
  2000.  
  2001.  
  2002.                     //try to start recording
  2003.                     if (player._record_continuous) player._record_continuous.playingWithRecording();
  2004.  
  2005.  
  2006.                 }, 5400);
  2007.  
  2008.  
  2009.  
  2010.             })
  2011.  
  2012.  
  2013.  
  2014.  
  2015.             player.removeEventListener('playing', handle.srcLoaded_playing);
  2016.             player.addEventListener('playing', handle.srcLoaded_playing);
  2017.  
  2018.  
  2019.             player.removeEventListener('pause', handle.srcLoaded_pause);
  2020.             player.addEventListener('pause', handle.srcLoaded_pause);
  2021.             
  2022.             h5Player.playerBoxInit(player);
  2023.             
  2024.  
  2025.  
  2026.  
  2027.         },
  2028.         fireGlobalInit: function() {
  2029.  
  2030.             let t = this
  2031.  
  2032.             /* 綁定鍵盤事件 */
  2033.             if (t.init_count != 1) return
  2034.  
  2035.             if (!t.srcList) t.srcList = {};
  2036.  
  2037.  
  2038.             h5Player.isLostFocus = null;
  2039.             consoleLog('keydown bind')
  2040.             document.removeEventListener('keydown', t.keydownEvent)
  2041.             document.removeEventListener('keydown', t.keydownEvent, true)
  2042.             document.addEventListener('keydown', t.keydownEvent, true)
  2043.             /* 相容iframe操作 */
  2044.             async function bindTopWindow() {
  2045.                 //iframe may not be able to control top window
  2046.                 //error; just ignore with asycn
  2047.                 let topDoc = window.top && window.top.document ? window.top.document : null
  2048.                 if (topDoc) {
  2049.                     topDoc.addEventListener('focusout', handle.doc_focusout, true)
  2050.                     topDoc.addEventListener('focusin', handle.doc_focusin, true)
  2051.                     //iframe may not be able to control top window
  2052.                     if (window.top !== window) {
  2053.                         topDoc.removeEventListener('keydown', t.keydownEvent)
  2054.                         topDoc.removeEventListener('keydown', t.keydownEvent, true)
  2055.                         topDoc.addEventListener('keydown', t.keydownEvent, true)
  2056.                     }
  2057.                 }
  2058.             }
  2059.             bindTopWindow()
  2060.             consoleLog('bindTopWindow passed')
  2061.  
  2062.             Store.clearInvalid(_sVersion_)
  2063.  
  2064.  
  2065.             let host = window.location.host
  2066.             if (UA.fakeConfig[host]) {
  2067.                 t.setFakeUA(UA.fakeConfig[host])
  2068.             }
  2069.  
  2070.             /*
  2071.  
  2072.             document.addEventListener('mousedown',function(evt){
  2073.                 var videos=document.querySelectorAll('video[_h5player_tips]');
  2074.             [...videos].forEach((video)=>{
  2075.                 var rect=video.getBoundingClientRect()
  2076.  
  2077.                 var b=(evt.clientX>=rect.left && evt.clientX<=rect.right)
  2078.                 && (evt.clientY>=rect.top && evt.clientY<=rect.bottom)
  2079.  
  2080.                 if(b){
  2081.  
  2082.                     //__activeElementsToggles.push([document.activeElement, video])
  2083.  
  2084.                     document.activeElement.setAttribute('_h5p_active_on',video.getAttribute('_h5player_tips'));
  2085.  
  2086.                     //console.log('yeah',video, document.activeElement,evt.target)
  2087.                 }
  2088.  
  2089.             })
  2090.  
  2091.             },true)*/
  2092.  
  2093.  
  2094.         },
  2095.         playerBoxInit: function(player) {
  2096.  
  2097.             if (!player) return;
  2098.             let vpid = player.getAttribute('_h5ppid');
  2099.             if (!player.getAttribute('_h5ppid')) return;
  2100.  
  2101.             let {
  2102.                 playerBox,
  2103.                 wPlayer
  2104.             } = h5Player.getPlayerBox(player)
  2105.             let interactionBox = domTool.getInteractionBox(player, playerBox);
  2106.  
  2107.             if (interactionBox && interactionBox.getAttribute('_h5p_interactionbox_') != vpid) {
  2108.  
  2109.  
  2110.                 console.log('D-1', interactionBox)
  2111.  
  2112.                 for (let elm_of_vpid of player.ownerDocument.querySelectorAll(`[_h5p_interactionbox_="${vpid}"]`)) {
  2113.                     //change of parentNode
  2114.                     elm_of_vpid.removeAttribute('_h5p_interactionbox_');
  2115.                     elm_of_vpid.removeEventListener('dblclick', handle.player_dblClick, true)
  2116.                     elm_of_vpid.removeEventListener('mouseenter', handle.player_mouseEnter)
  2117.                     elm_of_vpid.addEventListener('mousedown', handle.player_mouseDown)
  2118.                 }
  2119.  
  2120.                 interactionBox.setAttribute('_h5p_interactionbox_', vpid)
  2121.  
  2122.                 if (!interactionBox.hasAttribute('tabindex')) interactionBox.setAttribute('tabindex', '-1');
  2123.  
  2124.                 interactionBox.addEventListener('dblclick', handle.player_dblClick, true)
  2125.                 interactionBox.addEventListener('mouseenter', handle.player_mouseEnter)
  2126.                 interactionBox.addEventListener('mousedown', handle.player_mouseDown)
  2127.  
  2128.             }
  2129.  
  2130.  
  2131.         },
  2132.         onVideoTriggering: function() {
  2133.  
  2134.             // initialize a single video player - h5Player.playerInstance
  2135.  
  2136.             /**
  2137.              * 初始化播放器實例
  2138.              */
  2139.             let t = this
  2140.             let player = t.playerInstance
  2141.             if (!player) return
  2142.  
  2143.  
  2144.             let vpid = player.getAttribute('_h5ppid');
  2145.  
  2146.             //            console.log('view',vpid)
  2147.  
  2148.             if (!player.getAttribute('_h5ppid')) return;
  2149.  
  2150.  
  2151.  
  2152.             let firstTime = !!t.initTips()
  2153.             if (firstTime) {
  2154.                 // first time to trigger this player
  2155.  
  2156.  
  2157.                 if (!player.hasAttribute('tabindex')) player.setAttribute('tabindex', '-1');
  2158.                 if (!player.hasAttribute('playsinline')) player.setAttribute('playsinline', 'playsinline');
  2159.                 if (!player.hasAttribute('x-webkit-airplay')) player.setAttribute('x-webkit-airplay', 'deny');
  2160.                 if (!player.hasAttribute('preload')) player.setAttribute('preload', 'auto');
  2161.                 //player.style['image-rendering'] = '-webkit-optimize-contrast';
  2162.                 player.style['image-rendering'] = 'crisp-edges';
  2163.  
  2164.  
  2165.                 t.filter.reset()
  2166.                 t.playbackRate = t.getPlaybackRate()
  2167.  
  2168.                 /* 進行自定義初始化操作 */
  2169.                 let taskConf = TCC.getTaskConfig()
  2170.                 if (taskConf.init) {
  2171.                     TCC.doTask('init', player)
  2172.                 }
  2173.             }
  2174.  
  2175.  
  2176.  
  2177.         },
  2178.         getPlaybackRate: function() {
  2179.             let t = this
  2180.             let playbackRate = Store.read('_playback_rate_') || t.playbackRate
  2181.             return Number(Number(playbackRate).toFixed(1))
  2182.         },
  2183.         getPlayerBox: function(player, skipPlayer) {
  2184.             //without checkActiveBox, just a DOM for you to append tipsDom
  2185.  
  2186.             let playerBox = null,
  2187.                 wPlayer = null
  2188.  
  2189.  
  2190.             if (!player.offsetHeight || !player.offsetWidth){
  2191.                 return {
  2192.                     playerBox,
  2193.                     wPlayer
  2194.                 };
  2195.             }
  2196.  
  2197.             playerBox = player.parentNode;
  2198.             if (!playerBox) {
  2199.                 return {
  2200.                     playerBox,
  2201.                     wPlayer
  2202.                 };
  2203.             }
  2204.  
  2205.  
  2206.             while (playerBox && playerBox.nodeType == 1 && playerBox.offsetHeight == 0) playerBox = playerBox.parentNode;
  2207.             while (playerBox && playerBox.nodeType == 1 && playerBox.offsetHeight < player.offsetHeight) playerBox = playerBox.parentNode;
  2208.  
  2209.             // playerBox is a node contains <video> and offsetHeight>=video.offsetHeight
  2210.             // or null
  2211.  
  2212.             // you can insert the element here;
  2213.  
  2214.             playerBox = playerBox || player.parentNode
  2215.             if (playerBox && playerBox.nodeType == 1) {
  2216.  
  2217.                 wPlayer = player;
  2218.                 while (wPlayer.parentNode != playerBox) wPlayer = wPlayer.parentNode;
  2219.  
  2220.             } else {
  2221.                 playerBox = player.parentNode
  2222.                 wPlayer = player;
  2223.                 if (playerBox.nodeType == 1 && playerBox.offsetHeight >= wPlayer.offsetHeight) {
  2224.  
  2225.                 } else {
  2226.                     playerBox = null;
  2227.                     wPlayer = null;
  2228.                 }
  2229.  
  2230.             }
  2231.             return {
  2232.                 playerBox,
  2233.                 wPlayer
  2234.             };
  2235.  
  2236.         },
  2237.         toParentContains: function(playerBox, selector) {
  2238.  
  2239.             let r = playerBox
  2240.             while (r && r.nodeType == 1 && !r.querySelector(selector)) r = r.parentNode;
  2241.             r = r || playerBox;
  2242.             if (r && r.nodeType == 1) {
  2243.                 return r;
  2244.             }
  2245.  
  2246.             return null;
  2247.         },
  2248.         getPlayerCTBox: function(elm1, elm2) {
  2249.  
  2250.             let box1 = elm1;
  2251.             let box2 = elm2;
  2252.  
  2253.             while (box1 && box2) {
  2254.                 if (box1 == box2 || box1.contains(box2) || box2.contains(box1)) {
  2255.                     break;
  2256.                 }
  2257.                 box1 = box1.parentNode;
  2258.                 box2 = box2.parentNode;
  2259.             }
  2260.  
  2261.             let playerBox = null;
  2262.  
  2263.             box1 = (box1 && box1.contains(elm2)) ? box1 : null;
  2264.             box2 = (box2 && box2.contains(elm1)) ? box2 : null;
  2265.  
  2266.             if (box1 && box2) playerBox = box1.contains(box2) ? box2 : box1;
  2267.             else playerBox = box1 || box2 || null;
  2268.  
  2269.             return playerBox
  2270.  
  2271.         },
  2272.         change_playerBox: function(tipsDom) {
  2273.             let t = h5Player;
  2274.             let player = t.player()
  2275.             let {
  2276.                 playerBox,
  2277.                 wPlayer
  2278.             } = t.getPlayerBox(player)
  2279.             //console.log(playerBox,wPlayer)
  2280.             //console.log('cp',playerBox)
  2281.             if (playerBox && playerBox.nodeType == 1) {
  2282.                 if (!tipsDom.parentNode || tipsDom.parentNode !== playerBox) {
  2283.                     console.log('changed_playerBox')
  2284.                     playerBox.insertBefore(tipsDom, wPlayer);
  2285.  
  2286.                     if (tipsDom._vpr && tipsDom._vpr_obj && tipsDom._vpr_pn) {
  2287.                         let rm = ResizeODM.find(tipsDom._vpr_pn)
  2288.                         if (rm) {
  2289.                             rm.unlisten(tipsDom._vpr)
  2290.                             tipsDom._vpr_pn = tipsDom.parentNode
  2291.                             rm.relativeParent(playerBox, wPlayer)
  2292.                             rm.listen(tipsDom._vpr)
  2293.                             rm.odm.id = tipsDom._vpr_obj.id
  2294.                             tipsDom._vpr_obj = rm.odm;
  2295.                         } else {
  2296.                             tipsDom._vpr_pn = tipsDom.parentNode
  2297.                         }
  2298.  
  2299.                     }
  2300.  
  2301.                 }
  2302.             }
  2303.         },
  2304.         callFullScreenBtn0: function() {
  2305.             return this.setWebFullScreen();
  2306.         },
  2307.         getPlayerTips: function() {
  2308.  
  2309.             //return this.callFullScreenBtn7();
  2310.             let t = this;
  2311.             let player = t.player()
  2312.  
  2313.             let tcn = player.getAttribute('_h5player_tips') || (t.tipsClassName);
  2314.             return player.ownerDocument.querySelector('#' + tcn)
  2315.         },
  2316.         setWebFullScreen: function() {
  2317.  
  2318.  
  2319.  
  2320.             //return this.callFullScreenBtn7();
  2321.             let t = this;
  2322.             let player = t.player()
  2323.             let tipsDom = t.getPlayerTips();
  2324.             /*
  2325.             let playerBox = t.getPlayerCTBox(player,tipsDom);
  2326.  
  2327.  
  2328.  
  2329.  
  2330.             function get_gPlayer() {
  2331.                 // parent of same size as video player
  2332.                 let q1 = JSON.stringify(player.getBoundingClientRect())
  2333.                 let pPlayer = player
  2334.                 let qPlayer = playerBox
  2335.                 for (let q3 = 0; q3 < 4; q3++) {
  2336.                     if (!qPlayer) break;
  2337.                     let q2 = JSON.stringify(qPlayer.getBoundingClientRect())
  2338.                     if (q1 == q2) {
  2339.                         pPlayer = qPlayer
  2340.                         qPlayer = qPlayer.parentNode
  2341.                     } else {
  2342.                         //console.log(player,q1);
  2343.                         //console.log(qPlayer,q2);
  2344.                         break;
  2345.                     }
  2346.                 }
  2347.                 let gPlayer = pPlayer
  2348.                 return gPlayer;
  2349.             }
  2350.             let gPlayer = get_gPlayer();
  2351.             */
  2352.             let {
  2353.                 playerBox,
  2354.                 wPlayer
  2355.             } = t.getPlayerBox(player);
  2356.             let gPlayer = t.getPlayerCTBox(playerBox, tipsDom);
  2357.             console.log('gPlayer', gPlayer)
  2358.  
  2359.             let chFull = tool.checkFullScreen(gPlayer.ownerDocument);
  2360.  
  2361.             if (chFull === true) {
  2362.                 consoleLog('chFull', 'true')
  2363.                 player.ownerDocument.exitFullscreen();
  2364.             } else {
  2365.                 consoleLog('chFull', 'false')
  2366.                 consoleLog('DOM fullscreen')
  2367.                 gPlayer.requestFullscreen()
  2368.             }
  2369.  
  2370.         },
  2371.         callFullScreenBtn: function() {
  2372.             //return this.setWebFullScreen();
  2373.             //return this.callFullScreenBtn7();
  2374.             //return this.callFullScreenBtn8();
  2375.             let t = this;
  2376.             let player = t.player()
  2377.             if (!player || !player.ownerDocument) return this.callFullScreenBtn0();
  2378.             let tcn = player.getAttribute('_h5player_tips') || (t.tipsClassName);
  2379.             consoleLog('tcn', tcn)
  2380.             let tipsDom = player.ownerDocument.querySelector('#' + tcn)
  2381.             if (!tipsDom) return this.callFullScreenBtn0();
  2382.             let chFull = tool.checkFullScreen(player.ownerDocument);
  2383.             if (chFull === null) return (console.log('chFull', 'null'), this.callFullScreenBtn0());
  2384.             if (chFull === true) {
  2385.                 consoleLog('chFull', 'true')
  2386.                 player.ownerDocument.exitFullscreen();
  2387.                 //  let el = [t.player_focus_input]; if (el) {el = el[0].click()}
  2388.             } else {
  2389.                 consoleLog('chFull', 'false')
  2390.  
  2391.                 const playerBox = t.getPlayerCTBox(player, tipsDom);
  2392.  
  2393.                 let pPlayer = player
  2394.                 let qPlayer = playerBox
  2395.                 let clicked = false;
  2396.                 let gs1;
  2397.                 let _gs1_tmp = {};
  2398.                 let _gs1_filter = function(elq) {
  2399.                     return _gs1_tmp.elm == elq.elm ? false : _gs1_tmp.elm.contains(elq.elm)
  2400.                 };
  2401.                 let _gs1_contains = function(elp) {
  2402.                     if (elp.childElementCount === 0) return false;
  2403.                     _gs1_tmp.elm = elp.elm;
  2404.                     elp.contains = gs1.filter(_gs1_filter).length > 0;
  2405.                 }
  2406.                 // try to find the fullscreen button
  2407.                 for (let q3 = 0; q3 < 4; q3++) { //max 4 layers
  2408.                     if (!qPlayer) break;
  2409.                     let fs1 = qPlayer.querySelectorAll('[class*="fullscreen"]')
  2410.                     if (fs1.length > 0) {
  2411.                         // -- indiv-elm --
  2412.                         gs1 = Array.prototype.map.call(fs1, function(elm) {
  2413.                             return {
  2414.                                 elm: elm,
  2415.                                 visible: null,
  2416.                                 click: null,
  2417.                                 childElementCount: null,
  2418.                                 contains: null
  2419.                             }
  2420.                         });
  2421.                         if (('_listeners' in document)) {
  2422.                             gs1.forEach(function(elp) {
  2423.                                 let elm = elp.elm;
  2424.                                 elp.click = elm._listeners && elm._listeners.click && elm._listeners.click.funcCount > 0
  2425.                             })
  2426.                         }
  2427.                         if ('childElementCount' in player) {
  2428.                             gs1.forEach(function(elp) {
  2429.                                 let elm = elp.elm;
  2430.                                 elp.childElementCount = elm.childElementCount;
  2431.                             })
  2432.                         }
  2433.                         if ('getBoundingClientRect' in player) {
  2434.                             gs1.forEach(function(elp) {
  2435.                                 let elm = elp.elm;
  2436.                                 let rect = elm.getBoundingClientRect();
  2437.                                 elp.visible = rect.height * rect.width > 0
  2438.                             })
  2439.                         }
  2440.                         gs1 = gs1.filter(function(elp) {
  2441.                             return elp.click
  2442.                         })
  2443.                         //console.log('gs1',gs1)
  2444.                         // -- inter-elm --
  2445.                         if ('contains' in player) {
  2446.                             gs1.forEach(_gs1_contains)
  2447.                         }
  2448.                         let gs2 = gs1.filter(function(elp) {
  2449.                             return !elp.contains && elp.visible
  2450.                         })
  2451.                         console.log('fullscreen btn', gs2)
  2452.                         //console.log('gs2',gs2)
  2453.                         if (gs2.length >= 1) {
  2454.                             let gs2_a = gs2.map(elp => elp.elm.className.length)
  2455.                             let gs2_b = Math.min.apply(Math, gs2_a)
  2456.                             let gs2_c = gs2_a.lastIndexOf(gs2_b)
  2457.                             // pick the last btn if there is more than one
  2458.                             gs2[gs2_c].elm.click();
  2459.                             clicked = true;
  2460.                             consoleLog('original fullscreen')
  2461.                             break;
  2462.                         }
  2463.                     }
  2464.                     pPlayer = qPlayer
  2465.                     qPlayer = qPlayer.parentNode
  2466.                 }
  2467.                 if (!clicked) {
  2468.                     //cannot find -> default
  2469.                     consoleLog('try HTML5 fullscreen')
  2470.                     this.setWebFullScreen();
  2471.                 }
  2472.             }
  2473.         },
  2474.         /* 設置播放速度 */
  2475.         setPlaybackRate: function(num, flagTips) {
  2476.             let taskConf = TCC.getTaskConfig()
  2477.             if (taskConf.playbackRate) {
  2478.                 TCC.doTask('playbackRate')
  2479.                 return
  2480.             }
  2481.             let t = this
  2482.             let player = t.player()
  2483.             let curPlaybackRate
  2484.             if (num) {
  2485.                 num = Number(num)
  2486.                 if (Number.isNaN(num)) {
  2487.                     console.error('h5player: 播放速度轉換出錯')
  2488.                     return false
  2489.                 }
  2490.                 if (num < 0.1) {
  2491.                     num = 0.1
  2492.                 }
  2493.                 num = Number(num.toFixed(1))
  2494.                 curPlaybackRate = num
  2495.             } else {
  2496.                 curPlaybackRate = t.getPlaybackRate()
  2497.             }
  2498.             /* 記錄播放速度的信息 */
  2499.  
  2500.             let changed = curPlaybackRate !== player.playbackRate;
  2501.  
  2502.             if (curPlaybackRate !== player.playbackRate) {
  2503.  
  2504.                 Store.save('_playback_rate_', curPlaybackRate + '')
  2505.                 t.playbackRate = curPlaybackRate
  2506.                 player.playbackRate = curPlaybackRate
  2507.                 /* 本身處於1被播放速度的時候不再提示 */
  2508.                 //if (!num && curPlaybackRate === 1) return;
  2509.  
  2510.             }
  2511.  
  2512.             flagTips = (flagTips < 0) ? false : (flagTips > 0) ? true : changed;
  2513.             if (flagTips) t.tips('Playback speed: ' + player.playbackRate + 'x')
  2514.         },
  2515.         tuneCurrentTime: function(amount, flagTips) {
  2516.             if (!amount) return
  2517.             let _amount = +(+amount).toFixed(1);
  2518.             if (!_amount || isNaN(_amount)) return;
  2519.             let t = this;
  2520.             let player = t.player();
  2521.             let taskConf = TCC.getTaskConfig();
  2522.             if (taskConf.currentTime) {
  2523.                 TCC.doTask('currentTime');
  2524.                 return
  2525.             }
  2526.             if (_amount > 0) {
  2527.                 if (taskConf.addCurrentTime) {
  2528.                     TCC.doTask('addCurrentTime')
  2529.                     return;
  2530.                 }
  2531.             } else {
  2532.                 if (taskConf.subtractCurrentTime) {
  2533.                     TCC.doTask('subtractCurrentTime')
  2534.                     return;
  2535.                 }
  2536.             }
  2537.  
  2538.             player.currentTime += _amount; // negative
  2539.             let changed = true;
  2540.             flagTips = (flagTips < 0) ? false : (flagTips > 0) ? true : changed;
  2541.             if (flagTips) {
  2542.                 if (_amount > 0) t.tips(_amount + ' Sec. Forward', undefined, 3000);
  2543.                 else t.tips(-_amount + ' Sec. Backward', undefined, 3000)
  2544.             }
  2545.  
  2546.         },
  2547.         tuneVolume: function(amount) {
  2548.             let _amount = +(+amount).toFixed(2)
  2549.             if (!_amount || isNaN(_amount)) return;
  2550.             let t = this
  2551.             let player = t.player()
  2552.             if (_amount > 0) {
  2553.                 if (player.volume < 1) {
  2554.                     player.volume += _amount // positive
  2555.                 }
  2556.             } else {
  2557.                 if (player.volume > 0) {
  2558.                     player.volume += _amount // negative
  2559.                 }
  2560.             }
  2561.             t.tips('Volume: ' + parseInt(player.volume * 100) + '%', undefined, 3000)
  2562.         },
  2563.         setFakeUA(ua) {
  2564.             ua = ua || UA.userAgentMap.iPhone.safari
  2565.             /* 記錄設定的ua信息 */
  2566.             Store.save('_user_agent_', ua)
  2567.             try {
  2568.                 Object.defineProperty(navigator, 'userAgent', {
  2569.                     value: ua,
  2570.                     writable: false,
  2571.                     configurable: false,
  2572.                     enumerable: true
  2573.                 });
  2574.             } catch (e) {}
  2575.         },
  2576.         /* ua偽裝切換開關 */
  2577.         switchFakeUA(ua) {
  2578.             let customUA = Store.read('_user_agent_')
  2579.             if (customUA) {
  2580.                 Store.remove('_user_agent_')
  2581.             } else {
  2582.                 this.setFakeUA(ua)
  2583.             }
  2584.             debugMsg('ua', navigator.userAgent)
  2585.         },
  2586.         switchPlayStatus: function() {
  2587.             let t = this
  2588.             let player = t.player()
  2589.             let taskConf = TCC.getTaskConfig()
  2590.             if (taskConf.switchPlayStatus) {
  2591.                 TCC.doTask('switchPlayStatus')
  2592.                 return
  2593.             }
  2594.             if (player.paused) {
  2595.                 if (taskConf.play) {
  2596.                     TCC.doTask('play')
  2597.                 } else {
  2598.                     player.play()
  2599.                 }
  2600.             } else {
  2601.                 if (taskConf.pause) {
  2602.                     TCC.doTask('pause')
  2603.                 } else {
  2604.                     player.pause()
  2605.  
  2606.                 }
  2607.             }
  2608.         },
  2609.         tipsClassName: 'html_player_enhance_tips',
  2610.         tips: function(str, duration, order) {
  2611.             let t = h5Player
  2612.             let player = t.player()
  2613.             if (!player) {
  2614.                 console.log('h5Player Tips:', str)
  2615.                 return true
  2616.             }
  2617.             let parentNode = player.parentNode
  2618.  
  2619.             if (!player.getAttribute('_h5player_tips')) {
  2620.                 t.initTips();
  2621.             }
  2622.  
  2623.             let tipsSelector = '#' + (player.getAttribute('_h5player_tips') || t.tipsClassName) //if this attribute still doesnt exist, set it to the base cls name
  2624.             let tipsDom = player.ownerDocument.querySelector(tipsSelector)
  2625.             if (!tipsDom) {
  2626.                 //console.log(tipsSelector)
  2627.                 //console.log(player.ownerDocument.querySelector(tipsSelector))
  2628.                 console.log('init h5player tips dom error...')
  2629.                 return false
  2630.             }
  2631.             t.change_playerBox(tipsDom);
  2632.             let style = tipsDom.style
  2633.  
  2634.  
  2635.  
  2636.  
  2637.             if (str === false) {
  2638.                 tipsDom.innerText = '';
  2639.                 tipsDom.setAttribute('_potTips_', '0')
  2640.             } else {
  2641.                 order = order || 1000
  2642.                 tipsDom.tipsOrder = tipsDom.tipsOrder || 0;
  2643.  
  2644.                 let shallDisplay = true
  2645.                 if (order < tipsDom.tipsOrder && getComputedStyle(tipsDom).opacity > 0) shallDisplay = false
  2646.  
  2647.                 if (shallDisplay) {
  2648.  
  2649.  
  2650.                     tipsDom._playerBoxOBJ = h5Player.getPlayerBox(player)
  2651.                     tipsDom._env_changed = 0;
  2652.  
  2653.  
  2654.                     if (!_endlessloop) {
  2655.                         _endlessloop = new EndlessLoop();
  2656.                     }
  2657.                     tipsDom._playerBoxOBJ_p = null;
  2658.                     if (!h5Player.__updateTips) {
  2659.  
  2660.  
  2661.                         h5Player.__updateTips = _endlessloop.append(function(opts) {
  2662.  
  2663.  
  2664.                             let tipsDoms = h5Player._cached_tipsDoms;
  2665.  
  2666.                             if (!tipsDoms || !tipsDoms.length) return;
  2667.                             tipsDoms.forEach((tipsDom) => {
  2668.  
  2669.                                 if (!tipsDom._playerBoxOBJ) return;
  2670.                                 let {
  2671.                                     playerBox,
  2672.                                     wPlayer
  2673.                                 } = tipsDom._playerBoxOBJ
  2674.                                 if (playerBox == null || wPlayer == null) return;
  2675.                                 let p = [~~playerBox.offsetWidth, ~~playerBox.offsetHeight, ~~wPlayer.offsetWidth, ~~wPlayer.offsetHeight];
  2676.  
  2677.                                 if (tipsDom._playerBoxOBJ_p) {
  2678.                                     let changed = false;
  2679.                                     for (let i = 0; i < 4; i++) {
  2680.                                         if (tipsDom._playerBoxOBJ_p[i] == p[i]) {
  2681.  
  2682.                                         } else {
  2683.                                             changed = true;
  2684.                                             break;
  2685.                                         }
  2686.                                     }
  2687.                                     if (!changed) {
  2688.                                         return;
  2689.                                     }
  2690.                                     tipsDom._env_changed = (tipsDom._env_changed || 0) + 1;
  2691.                                     console.log('tipsDom Env changed', tipsDom.id)
  2692.                                 }
  2693.  
  2694.  
  2695.  
  2696.                                 tipsDom._playerBoxOBJ_p = p;
  2697.  
  2698.                                 if (!tipsDom.id) return;
  2699.                                 let player = playerBox.querySelector(`[_h5player_tips="${tipsDom.id}"]`)
  2700.                                 if (!player) return;
  2701.  
  2702.                                 h5Player.fixNonBoxingVideoTipsPosition(tipsDom, player)
  2703.  
  2704.                             })
  2705.  
  2706.                         })
  2707.  
  2708.                         h5Player.__updateTips.loopingStart();
  2709.                     }
  2710.  
  2711.  
  2712.                     if (duration === undefined) duration = 2000
  2713.                     tipsDom.innerText = str
  2714.  
  2715.                     tipsDom.setAttribute('_potTips_', '2')
  2716.  
  2717.                     t.fixNonBoxingVideoTipsPosition(tipsDom, player);
  2718.  
  2719.                     if (duration > 0) {
  2720.  
  2721.  
  2722.                         requestAnimationFrame(function() {
  2723.  
  2724.                             tipsDom.setAttribute('_potTips_', '1')
  2725.  
  2726.  
  2727.                         })
  2728.  
  2729.  
  2730.                     } else {
  2731.                         order = -1;
  2732.                     }
  2733.  
  2734.                     tipsDom.tipsOrder = order
  2735.  
  2736.                 }
  2737.  
  2738.  
  2739.  
  2740.             }
  2741.  
  2742.             h5Player._cached_tipsDoms = document.querySelectorAll('[_potTips_="1"],[_potTips_="2"]');
  2743.         },
  2744.         initTips: function() {
  2745.             /* 設置提示DOM的樣式 */
  2746.             let t = this
  2747.             let player = t.player()
  2748.             let parentNode = player.parentNode
  2749.             let tcn = player.getAttribute('_h5player_tips') || (t.tipsClassName + '_' + (+new Date));
  2750.             player.setAttribute('_h5player_tips', tcn)
  2751.             if (player.ownerDocument.querySelector('#' + tcn)) return false;
  2752.  
  2753.  
  2754.             if (!t.notFirstTips) {
  2755.                 t.notFirstTips = true;
  2756.  
  2757.  
  2758.  
  2759.                 domTool.addStyle(`
  2760. [_potTips_="1"]{
  2761. animation: 2s linear 0s normal forwards 1 delayHide;
  2762. }
  2763. [_potTips_="0"]{
  2764. opacity:0; transform:translate(-9999px);
  2765. }
  2766. [_potTips_="2"]{
  2767. opacity:.95; transform: translate(0,0);
  2768. }
  2769.  
  2770. @keyframes delayHide{
  2771. 0%, 99% { opacity:0.95; transform: translate(0,0); }
  2772. 100% { opacity:0; transform:translate(-9999px); }
  2773. }
  2774. ` + `
  2775. [_potTips_]{
  2776. font-weight: bold !important;
  2777. position: absolute !important;
  2778. z-index: 999 !important;
  2779. font-size: ${t.fontSize || 16}px !important;
  2780. padding: 0px !important;
  2781. border:none !important;
  2782. background: rgba(0,0,0,0) !important;
  2783. color:#738CE6 !important;
  2784. text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  2785. top: 50%;
  2786. left: 50%;
  2787. max-width:500px;max-height:50px;
  2788. border-radius:3px;
  2789. font-family: 'microsoft yahei', Verdana, Geneva, sans-serif;
  2790. -webkit-user-select: none;
  2791. -moz-user-select: none;
  2792. -ms-user-select: none;
  2793. user-select: none;
  2794. -webkit-touch-callout: none;
  2795. -webkit-user-select: none;
  2796. -khtml-user-drag: none;
  2797. -khtml-user-select: none;
  2798. -moz-user-select: none;
  2799. -moz-user-select: -moz-none;
  2800. -ms-user-select: none;
  2801. pointer-events: none;
  2802. user-select: none;
  2803. }
  2804. `.replace(/\r\n/g, ''))
  2805.  
  2806.  
  2807.  
  2808.             }
  2809.  
  2810.  
  2811.  
  2812.             let tipsDom = document.createElement('div')
  2813.  
  2814.  
  2815.  
  2816.             var transitionEvent = whichTransitionEvent('animation');
  2817.  
  2818.  
  2819.             tipsDom.addEventListener(transitionEvent, function(e) {
  2820.                 if (this.getAttribute('_potTips_') == '1') {
  2821.                     this.setAttribute('_potTips_', '0')
  2822.                     h5Player._cached_tipsDoms = document.querySelectorAll('[_potTips_="1"],[_potTips_="2"]');
  2823.                 }
  2824.             })
  2825.  
  2826.             tipsDom.id = tcn;
  2827.             tipsDom.setAttribute('unselectable', 'on');
  2828.             tipsDom.setAttribute('_potTips_', '0');
  2829.             t.change_playerBox(tipsDom);
  2830.  
  2831.             tipsDom._vpr = function() {
  2832.  
  2833.  
  2834.                 let resizeDOM = this;
  2835.                 if (!resizeDOM) return;
  2836.  
  2837.                 console.log('The container of the video is resized', resizeDOM.odm.id);
  2838.  
  2839.  
  2840.  
  2841.                 // let odm=resizeDOM.odm
  2842.                 // if(!odm) return;
  2843.                 // let tip_id=odm.id.slice(0,-3)
  2844.                 // console.log('objectLoad 3',this.__resizeTrigger__,`${tip_id}`)
  2845.                 // var player=document.querySelector(`[_h5player_tips="${tip_id}"]`)
  2846.                 // if(!player)return;
  2847.                 // let {playerBox,wPlayer}=h5Player.getPlayerBox(player,false);
  2848.  
  2849.                 // console.log('playerBox', playerBox);
  2850.                 // console.log('wPlayer', wPlayer);
  2851.                 // console.log('odm', odm);
  2852.                 // console.log('playerBoxW', playerBox.offsetWidth,odm.offsetWidth);
  2853.                 // console.log('playerBoxH', playerBox.offsetHeight,odm.offsetHeight);
  2854.                 // console.log('wPlayerW', wPlayer.offsetWidth,odm.offsetWidth);
  2855.                 // console.log('wPlayerH', wPlayer.offsetHeight,odm.offsetHeight);
  2856.  
  2857.                 //player.dispatchEvent(new CustomEvent('videoparentresize',{detail:  {parent:this, player:player}}))
  2858.  
  2859.                 //let playerBox=h5Player.getPlayerBox(player)
  2860.                 //resizeDOM.relativeParent(playerBox.parentNode,playerBox)
  2861.  
  2862.  
  2863.             }
  2864.             tipsDom._vpr_pn = tipsDom.parentNode
  2865.  
  2866.             tipsDom._vpr = null
  2867.             tipsDom._vpr_pn = null
  2868.  
  2869.             if (tipsDom._vpr && tipsDom._vpr_pn) {
  2870.  
  2871.                 let rm = new ResizeODM();
  2872.                 let tmp_elm = null;
  2873.                 let {
  2874.                     playerBox,
  2875.                     wPlayer
  2876.                 } = h5Player.getPlayerBox(player, false);
  2877.                 if (playerBox && wPlayer) tmp_elm = playerBox.parentNode != tipsDom._vpr_pn ? null : playerBox;
  2878.  
  2879.                 rm.relativeParent(tipsDom._vpr_pn, tmp_elm)
  2880.                 rm.listen(tipsDom._vpr)
  2881.  
  2882.  
  2883.  
  2884.                 if (rm.odm) {
  2885.                     rm.odm.id = tcn + 'obj'
  2886.                     //console.log(rm.odm,rm.odm.id)
  2887.                     tipsDom._vpr_obj = rm.odm;
  2888.                 }
  2889.  
  2890.             }
  2891.  
  2892.  
  2893.             return true;
  2894.         },
  2895.  
  2896.         responsiveSizing: function(container, elm) {
  2897.  
  2898.             let gcssP = getComputedStyle(container)
  2899.  
  2900.  
  2901.  
  2902.             let gcssE = getComputedStyle(elm)
  2903.  
  2904.             //console.log(gcssE.left,gcssP.width)
  2905.             let elmBound = {
  2906.                 left: parseFloat(gcssE.left) / parseFloat(gcssP.width)
  2907.  
  2908.                 ,
  2909.                 width: parseFloat(gcssE.width) / parseFloat(gcssP.width)
  2910.  
  2911.                 ,
  2912.                 top: parseFloat(gcssE.top) / parseFloat(gcssP.height)
  2913.  
  2914.                 ,
  2915.                 height: parseFloat(gcssE.height) / parseFloat(gcssP.height)
  2916.             }
  2917.  
  2918.  
  2919.  
  2920.             let elm00 = [elmBound.left, elmBound.top];
  2921.             let elm01 = [elmBound.left + elmBound.width, elmBound.top];
  2922.             let elm10 = [elmBound.left, elmBound.top + elmBound.height];
  2923.             let elm11 = [elmBound.left + elmBound.width, elmBound.top + elmBound.height];
  2924.  
  2925.  
  2926.             return {
  2927.                 elm00,
  2928.                 elm01,
  2929.                 elm10,
  2930.                 elm11,
  2931.                 plw: elmBound.width,
  2932.                 plh: elmBound.height
  2933.             }
  2934.  
  2935.         },
  2936.  
  2937.         fixNonBoxingVideoTipsPosition: function(tipsDom, player) {
  2938.  
  2939.             if (!tipsDom || !player) return;
  2940.  
  2941.             let ct = h5Player.getPlayerCTBox(tipsDom, player)
  2942.  
  2943.             if (!ct) return;
  2944.  
  2945.             //console.log('fixNonBoxingVideoTipsPosition')
  2946.  
  2947.  
  2948.  
  2949.             //relative
  2950.  
  2951.             let {
  2952.                 elm00,
  2953.                 elm01,
  2954.                 elm10,
  2955.                 elm11,
  2956.                 plw,
  2957.                 plh
  2958.             } = h5Player.responsiveSizing(ct, player)
  2959.  
  2960.             if (isNaN(elm00[0]) || isNaN(elm00[1])) {
  2961.  
  2962.  
  2963.                 [tipsDom.style.left, tipsDom.style.top] = [player.style.left, player.style.top];
  2964.                 //eg auto
  2965.             } else {
  2966.  
  2967.                 let rlm00 = elm00.map(t => (t * 100).toFixed(2) + '%');
  2968.                 //console.log(rlm00);
  2969.  
  2970.                 [tipsDom.style.left, tipsDom.style.top] = rlm00;
  2971.  
  2972.             }
  2973.  
  2974.  
  2975.             // absolute
  2976.  
  2977.  
  2978.  
  2979.  
  2980.             let _offset = {
  2981.                 left: 10,
  2982.                 top: 15
  2983.             };
  2984.  
  2985.             let customOffset = {
  2986.                 left: _offset.left,
  2987.                 top: _offset.top
  2988.             };
  2989.             //console.log('A00-coffset',customOffset)
  2990.  
  2991.             /*
  2992.  
  2993.  
  2994.             function FTC (scale=0,px=0){
  2995.                 this.scale=scale;
  2996.                 this.px=px;
  2997.  
  2998.             }
  2999.             FTC.prototype.plus=function(x){
  3000.                 this.scale+=x.scale;
  3001.                 this.px+=x.px
  3002.  
  3003.             }
  3004.             FTC.prototype.p=function(a,b){
  3005.                 this.scale+=a;
  3006.                 this.px+=b;
  3007.  
  3008.             }
  3009.             FTC.prototype.minus=function(x){
  3010.                 this.scale-=x.scale;
  3011.                 this.px-=x.px
  3012.  
  3013.             }
  3014.             FTC.prototype.m=function(a,b){
  3015.                 this.scale-=a;
  3016.                 this.px-=b;
  3017.  
  3018.             }
  3019.             FTC.prototype.mul=function(k){
  3020.                 this.scale*=k;
  3021.                 this.px*=k;
  3022.  
  3023.             }
  3024.  
  3025.             */
  3026.  
  3027.  
  3028.  
  3029.             let p = tipsDom.getBoundingClientRect();
  3030.             let q = player.getBoundingClientRect();
  3031.             let currentPos = [p.left, p.top];
  3032.  
  3033.             //new FTC(plw).mul(0.5)
  3034.             //new FTC(plh).mul(0.5)
  3035.  
  3036.  
  3037.             let targetPos = [q.left + player.offsetWidth * 0 + customOffset.left, q.top + player.offsetHeight * 0 + customOffset.top];
  3038.  
  3039.             let mL = +tipsDom.style.marginLeft.replace('px', '') || 0;
  3040.             if (isNaN(mL)) mL = 0;
  3041.             let mT = +tipsDom.style.marginTop.replace('px', '') || 0;
  3042.             if (isNaN(mT)) mT = 0;
  3043.  
  3044.  
  3045.  
  3046.             let z1 = -(currentPos[0] - targetPos[0]);
  3047.             let z2 = -(currentPos[1] - targetPos[1]);
  3048.  
  3049.  
  3050.             if (z1 || z2) {
  3051.  
  3052.                 //console.log('A01-currentPos',...currentPos);
  3053.                 //console.log('A02-targetPos',...targetPos);
  3054.                 let y1 = z1 + mL;
  3055.                 let y2 = z2 + mT;
  3056.  
  3057.                 tipsDom.style.marginLeft = y1 + 'px';
  3058.                 tipsDom.style.marginTop = y2 + 'px';
  3059.  
  3060.                 // let z=tipsDom.getBoundingClientRect();
  3061.                 //let zcurrentPos=[(z.left+z.right)/2,(z.bottom+z.top)/2];
  3062.                 //console.log('A03-currentPos',...zcurrentPos);
  3063.  
  3064.             }
  3065.         },
  3066.  
  3067.         rotate: 0,
  3068.         fps: 30,
  3069.         /* 濾鏡效果 */
  3070.         filter: {
  3071.             key: {},
  3072.             view_units: {
  3073.                 'hue-rotate': 'deg',
  3074.                 'blur': 'px'
  3075.             },
  3076.             setup: function(options) {
  3077.                 let view = ''
  3078.                 for (let view_key in this.key) {
  3079.                     let view_unit = this.view_units[view_key] || ''
  3080.                     view += view_key + '(' + (+this.key[view_key] || 0).toFixed(3) + view_unit + ') '
  3081.                     this.key[view_key] = Number(+this.key[view_key] || 0)
  3082.                 }
  3083.                 view += 'url("#unsharpen1")'
  3084.                 if (options && options.grey) view += ' url("#grey1")'
  3085.                 h5Player.player().style.WebkitFilter = view
  3086.             },
  3087.             reset: function() {
  3088.                 this.key['brightness'] = 1
  3089.                 this.key['contrast'] = 1
  3090.                 this.key['saturate'] = 1
  3091.                 this.key['hue-rotate'] = 0
  3092.                 this.key['blur'] = 0
  3093.                 this.setup()
  3094.             }
  3095.         },
  3096.         //  _isFoucs: false,
  3097.         keyMap: _keyMap(["1", "2", "3", "4", "c", "d", "e", "f", "i", "j", "k", "n","m", "o", "p", "q", "r", "s", "t", "u", "w", "x", "y", "z"], {
  3098.             'enter': 13,
  3099.             'shift': 16,
  3100.             'ctrl': 17,
  3101.             'alt': 18,
  3102.             'esc': 27,
  3103.             'space': 32,
  3104.             'LEFT': 37,
  3105.             'UP': 38,
  3106.             'RIGHT': 39,
  3107.             'DOWN': 40,
  3108.             'pad1': 97,
  3109.             'pad2': 98,
  3110.             'pad3': 99,
  3111.             'pad4': 100,
  3112.             '\\': 220,
  3113.         }),
  3114.         zoom_keys: ['x', 'c', 'z', 'arrowright', 'arrowleft', 'arrowup', 'arrowdown'],
  3115.         /* 播放器事件響應器 */
  3116.         playerTrigger: function(player, event) {
  3117.             if (!player || !event) return
  3118.             let t = h5Player
  3119.             let keyCode = lowerKeyCode(event.keyCode)
  3120.             if (event.code == "Space" && keyCode > 128) keyCode = 32;
  3121.             let keyAsm = (event.shiftKey ? SHIFT : 0) | (event.ctrlKey ? CTRL : 0) | (event.altKey ? ALT : 0);
  3122.             //shift + key
  3123.             if (keyAsm == SHIFT) {
  3124.                 let key = event.key.toLowerCase()
  3125.                 // 網頁FULLSCREEN
  3126.                 if (key === 'enter') {
  3127.                     t.callFullScreenBtn()
  3128.  
  3129.                 }
  3130.                 // 進入或退出畫中畫模式
  3131.                 else if (key === 'p') {
  3132.                     pictureInPicture(player)
  3133.                 } else if (key == 'r') {
  3134.                     if (player._h5player_lastrecord_ !== null && (player._h5player_lastrecord_ >= 0 || player._h5player_lastrecord_ <= 0)){
  3135.                         t.setPlayProgress(player, player._h5player_lastrecord_)
  3136.                     }
  3137.  
  3138.                 }
  3139.                 // 視頻畫面縮放相關事件
  3140.                 else if (t.zoom_keys.includes(key)) {
  3141.                     t.scale = Number(t.scale)
  3142.                     switch (key) {
  3143.                             // shift+X：視頻縮小 -0.1
  3144.                         case 'x':
  3145.                             t.scale -= 0.1
  3146.                             break
  3147.                             // shift+C：視頻放大 +0.1
  3148.                         case 'c':
  3149.                             t.scale += 0.1
  3150.                             break
  3151.                             // shift+Z：視頻恢復正常大小
  3152.                         case 'z':
  3153.                             t.scale = 1
  3154.                             t.translate = {
  3155.                                 x: 0,
  3156.                                 y: 0
  3157.                             }
  3158.                             break
  3159.                         case 'arrowright':
  3160.                             t.translate.x += 10
  3161.                             break
  3162.                         case 'arrowleft':
  3163.                             t.translate.x -= 10
  3164.                             break
  3165.                         case 'arrowup':
  3166.                             t.translate.y -= 10
  3167.                             break
  3168.                         case 'arrowdown':
  3169.                             t.translate.y += 10
  3170.                             break
  3171.  
  3172.  
  3173.                     }
  3174.                     let scale = t.scale = Number(t.scale).toFixed(1)
  3175.                     player.style.transform = `scale(${scale}) translate(${t.translate.x}px, ${t.translate.y}px)`
  3176.                     let tipsMsg = `視頻縮放率：${scale * 100}%`
  3177.                     if (t.translate.x) {
  3178.                         tipsMsg += `，水平位移：${t.translate.x}px`
  3179.                     }
  3180.                     if (t.translate.y) {
  3181.                         tipsMsg += `，垂直位移：${t.translate.y}px`
  3182.                     }
  3183.                     t.tips(tipsMsg)
  3184.                     return TERMINATE
  3185.                 }
  3186.             }
  3187.             // 防止其它無關組合鍵衝突
  3188.             if (!keyAsm) {
  3189.                 let kControl = null
  3190.                 let newPBR, oldPBR;
  3191.                 switch (keyCode) {
  3192.                         // 方向鍵右→：快進3秒
  3193.                     case 39:
  3194.                         t.tuneCurrentTime(t.skipStep)
  3195.                         break;
  3196.                         // 方向鍵左←：後退3秒
  3197.                     case 37:
  3198.                         t.tuneCurrentTime(-t.skipStep)
  3199.                         break;
  3200.                         // 方向鍵上↑：音量升高 1%
  3201.                     case 38:
  3202.                         h5Player.tips(false);
  3203.                         if((player.muted&&player.volume===0) && player._volume>0) {
  3204.                             
  3205.                             player.muted=false;
  3206.                             player.volume=player._volume;
  3207.                         }
  3208.                         t.tuneVolume(0.01)
  3209.                         break;
  3210.                         // 方向鍵下↓：音量降低 1%
  3211.                     case 40:
  3212.                     
  3213.                         h5Player.tips(false);
  3214.                         if((player.muted&&player.volume===0) && player._volume>0) {
  3215.                             
  3216.                             player.muted=false;
  3217.                             player.volume=player._volume;
  3218.                         }
  3219.                         t.tuneVolume(-0.01)
  3220.                         break;
  3221.                         // 空格鍵：暫停/播放
  3222.                     case h5Player.keyMap.space:
  3223.                         h5Player.tips(false);
  3224.                         t.switchPlayStatus()
  3225.                         break;
  3226.                         // 按鍵X：減速播放 -0.1
  3227.                     case h5Player.keyMap.x:
  3228.                         h5Player.tips(false);
  3229.                         if (player.playbackRate > 0) {
  3230.                             t.setPlaybackRate(player.playbackRate - 0.1)
  3231.                         }
  3232.                         break;
  3233.                         // 按鍵C：加速播放 +0.1
  3234.                     case h5Player.keyMap.c:
  3235.                         h5Player.tips(false);
  3236.                         if (player.playbackRate < 16) {
  3237.                             t.setPlaybackRate(player.playbackRate + 0.1)
  3238.                         }
  3239.                         break;
  3240.                         // 按鍵Z：正常速度播放
  3241.                     case h5Player.keyMap.z:
  3242.                         oldPBR = player.playbackRate;
  3243.                         if (oldPBR != 1.0) {
  3244.                             player._playbackRate_z = oldPBR;
  3245.                             newPBR = 1.0;
  3246.                         } else if (player._playbackRate_z != 1.0) {
  3247.                             newPBR = player._playbackRate_z || 1.0;
  3248.                             player._playbackRate_z = 1.0;
  3249.                         } else {
  3250.                             newPBR = 1.0
  3251.                             player._playbackRate_z = 1.0;
  3252.                         }
  3253.                         t.setPlaybackRate(newPBR, 1)
  3254.                         break;
  3255.                         // 按鍵F：下一幀
  3256.                     case h5Player.keyMap.f:
  3257.                         if (window.location.hostname === 'www.netflix.com') return /* netflix 的F鍵是FULLSCREEN的意思 */
  3258.                         h5Player.tips(false);
  3259.                         if (!player.paused) player.pause()
  3260.                         player.currentTime += Number(1 / t.fps)
  3261.                         t.tips('Jump to: Next frame')
  3262.                         break;
  3263.                         // 按鍵D：上一幀
  3264.                     case h5Player.keyMap.d:
  3265.                         h5Player.tips(false);
  3266.                         if (!player.paused) player.pause()
  3267.                         player.currentTime -= Number(1 / t.fps)
  3268.                         t.tips('Jump to: Previous frame')
  3269.                         break;
  3270.                         // 按鍵E：亮度增加%
  3271.                     case h5Player.keyMap.e:
  3272.                         h5Player.tips(false);
  3273.                         kControl = 'brightness'
  3274.                         t.filter.key[kControl] += 0.1
  3275.                         t.filter.key[kControl] = t.filter.key[kControl].toFixed(2)
  3276.                         t.filter.setup()
  3277.                         t.tips('Brightness: ' + parseInt(t.filter.key[kControl] * 100) + '%')
  3278.                         break;
  3279.                         // 按鍵W：亮度減少%
  3280.                     case h5Player.keyMap.w:
  3281.                         h5Player.tips(false);
  3282.                         kControl = 'brightness'
  3283.                         if (t.filter.key[kControl] > 0) {
  3284.                             t.filter.key[kControl] -= 0.1
  3285.                             t.filter.key[kControl] = t.filter.key[kControl].toFixed(2)
  3286.                             t.filter.setup()
  3287.                         }
  3288.                         t.tips('Brightness: ' + parseInt(t.filter.key[kControl] * 100) + '%')
  3289.                         break;
  3290.                         // 按鍵T：對比度增加%
  3291.                     case h5Player.keyMap.t:
  3292.                         h5Player.tips(false);
  3293.                         kControl = 'contrast'
  3294.                         t.filter.key[kControl] += 0.1
  3295.                         t.filter.key[kControl] = t.filter.key[kControl].toFixed(2)
  3296.                         t.filter.setup()
  3297.                         t.tips('Contrast: ' + parseInt(t.filter.key[kControl] * 100) + '%')
  3298.                         break;
  3299.                         // 按鍵R：對比度減少%
  3300.                     case h5Player.keyMap.r:
  3301.                         h5Player.tips(false);
  3302.                         kControl = 'contrast'
  3303.                         if (t.filter.key[kControl] > 0) {
  3304.                             t.filter.key[kControl] -= 0.1
  3305.                             t.filter.key[kControl] = t.filter.key[kControl].toFixed(2)
  3306.                             t.filter.setup()
  3307.                         }
  3308.                         t.tips('Contrast: ' + parseInt(t.filter.key[kControl] * 100) + '%')
  3309.                         break;
  3310.                         // 按鍵U：飽和度增加%
  3311.                     case h5Player.keyMap.u:
  3312.                         h5Player.tips(false);
  3313.                         kControl = 'saturate'
  3314.                         t.filter.key[kControl] += 0.1
  3315.                         t.filter.key[kControl] = t.filter.key[kControl].toFixed(2)
  3316.                         t.filter.setup()
  3317.                         t.tips('Saturate: ' + parseInt(t.filter.key[kControl] * 100) + '%')
  3318.                         break;
  3319.                         // 按鍵Y：飽和度減少%
  3320.                     case h5Player.keyMap.y:
  3321.                         h5Player.tips(false);
  3322.                         kControl = 'saturate'
  3323.                         if (t.filter.key[kControl] > 0) {
  3324.                             t.filter.key[kControl] -= 0.1
  3325.                             t.filter.key[kControl] = t.filter.key[kControl].toFixed(2)
  3326.                             t.filter.setup()
  3327.                         }
  3328.                         t.tips('Saturate: ' + parseInt(t.filter.key[kControl] * 100) + '%')
  3329.                         break;
  3330.                         // 按鍵O：色相增加 1 度
  3331.                     case h5Player.keyMap.o:
  3332.                         h5Player.tips(false);
  3333.                         kControl = 'hue-rotate'
  3334.                         t.filter.key['hue-rotate'] += 1
  3335.                         t.filter.setup()
  3336.                         t.tips('Hue: ' + t.filter.key[kControl] + ' deg')
  3337.                         break;
  3338.                         // 按鍵I：色相減少 1 度
  3339.                     case h5Player.keyMap.i:
  3340.                         h5Player.tips(false);
  3341.                         kControl = 'hue-rotate'
  3342.                         t.filter.key['hue-rotate'] -= 1
  3343.                         t.filter.setup()
  3344.                         t.tips('Hue: ' + t.filter.key[kControl] + ' deg')
  3345.                         break;
  3346.                         // 按鍵K：模糊增加 0.1 px
  3347.                     case h5Player.keyMap.k:
  3348.                         h5Player.tips(false);
  3349.                         kControl = 'blur'
  3350.                         t.filter.key[kControl] += 0.1
  3351.                         t.filter.key[kControl] = (+t.filter.key[kControl] || 0).toFixed(1)
  3352.                         t.filter.setup()
  3353.                         t.tips('Blur: ' + t.filter.key[kControl] + ' px')
  3354.                         break;
  3355.                         // 按鍵J：模糊減少 0.1 px
  3356.                     case h5Player.keyMap.j:
  3357.                         h5Player.tips(false);
  3358.                         kControl = 'blur'
  3359.                         if (t.filter.key[kControl] > 0) {
  3360.                             t.filter.key[kControl] -= 0.1
  3361.                             t.filter.key[kControl] = (+t.filter.key[kControl] || 0).toFixed(1)
  3362.                             t.filter.setup()
  3363.                         }
  3364.                         t.tips('Blur: ' + t.filter.key[kControl] + ' px')
  3365.                         break;
  3366.                         // 按鍵Q：圖像復位
  3367.                     case h5Player.keyMap.q:
  3368.                         h5Player.tips(false);
  3369.                         t.filter.reset()
  3370.                         t.tips('Video Filter Reset')
  3371.                         break;
  3372.                         // 按鍵S：畫面旋轉 90 度
  3373.                     case h5Player.keyMap.s:
  3374.                         h5Player.tips(false);
  3375.                         t.rotate += 90
  3376.                         if (t.rotate % 360 === 0) t.rotate = 0;
  3377.                         player.style.transform = 'rotate(' + t.rotate + 'deg)'
  3378.                         t.tips('Rotation：' + t.rotate + ' deg')
  3379.                         break;
  3380.                         // 按鍵迴車，進入FULLSCREEN
  3381.                     case h5Player.keyMap.enter:
  3382.                         //t.callFullScreenBtn();
  3383.                         break;
  3384.                     case h5Player.keyMap.n:
  3385.                         pictureInPicture(player);
  3386.                         break;
  3387.                     case h5Player.keyMap.m:
  3388.                         h5Player.tips(false);
  3389.                         //console.log('m!', player.volume,player._volume)
  3390.                                         
  3391.                             if(player.volume>=0){
  3392.                                 
  3393.                                     
  3394.                                     
  3395.                                 if(!player.volume) {
  3396.                                     
  3397.                                     if(!player._volume) player._volume = 0.5; // default volume = 0.5
  3398.                                     
  3399.                                     if(player._volume) {
  3400.                                         player.volume=player._volume;
  3401.                                         if(player.muted)
  3402.                                             h5Player.tips('Mute: Off', undefined, 3001);
  3403.                                         player.muted=false;
  3404.                                     }
  3405.                                     
  3406.                                 }else if(this.muted){
  3407.                                     
  3408.                                     if(!player._volume) player._volume = 0.5; // default volume = 0.5
  3409.                                     
  3410.                                     if(player._volume) {
  3411.                                         player.volume=player._volume;
  3412.                                         player.muted=false;
  3413.                                         h5Player.tips('Mute: Off', undefined, 3001);
  3414.                                     }
  3415.                                     
  3416.                                     
  3417.                                 }else if(!this.muted){
  3418.                                     
  3419.                                     
  3420.                                     player._volume=player.volume;
  3421.                                     player.volume=0;
  3422.                                     player.muted=true;
  3423.                                     h5Player.tips('Mute: On', undefined, 3001);
  3424.  
  3425.                                 }
  3426.                                 
  3427.                             }
  3428.                             
  3429.                             
  3430.                         break;
  3431.                     default:
  3432.                         // 按1-4設置播放速度 49-52;97-100
  3433.                         if ((keyCode >= 49 && keyCode <= 52) || (keyCode >= 97 && keyCode <= 100)) {
  3434.                             player.playbackRate = Number(event.key)
  3435.                             t.setPlaybackRate(player.playbackRate)
  3436.                         }
  3437.                 }
  3438.                 return TERMINATE
  3439.             }
  3440.         },
  3441.         isRegister: function isRegister(event, registerList, key) {
  3442.             let list = registerList
  3443.             /* 當前觸發的組合鍵 */
  3444.             let combineKey = []
  3445.             if (event.ctrlKey) {
  3446.                 combineKey.push('ctrl')
  3447.             }
  3448.             if (event.shiftKey) {
  3449.                 combineKey.push('shift')
  3450.             }
  3451.             if (event.altKey) {
  3452.                 combineKey.push('alt')
  3453.             }
  3454.             combineKey.push(key)
  3455.             /* 通過循環判斷當前觸發的組合鍵和已註冊的組合鍵是否完全一致 */
  3456.             let hasRegArr = list.filter((shortcut) => {
  3457.                 let regKey = shortcut.split('+');
  3458.                 if (combineKey.length === regKey.length) {
  3459.                     let allMatch = regKey.every(key => combineKey.includes(key));
  3460.                     if (allMatch) {
  3461.                         return true;
  3462.                     }
  3463.                 }
  3464.                 return false;
  3465.             })
  3466.             return hasRegArr.length == 1
  3467.         },
  3468.  
  3469.         /* 運行自定義的快捷鍵操作，如果運行了會返回true */
  3470.         runCustomShortcuts: function(player, event) {
  3471.             if (!player || !event) return
  3472.  
  3473.             let t = h5Player;
  3474.  
  3475.             let taskConf = TCC.getTaskConfig()
  3476.             let confIsCorrect = tool.isObj(taskConf.shortcuts) && Array.isArray(taskConf.shortcuts.register) && taskConf.shortcuts.callback instanceof Function
  3477.             /* 判斷當前觸發的快捷鍵是否已被註冊 */
  3478.  
  3479.             let key = event.key.toLowerCase()
  3480.             if (confIsCorrect && t.isRegister(event, taskConf.shortcuts.register, key)) {
  3481.                 // 執行自定義快捷鍵操作
  3482.                 TCC.doTask('shortcuts', {
  3483.                     event,
  3484.                     player,
  3485.                     h5Player
  3486.                 })
  3487.                 return true
  3488.             } else {
  3489.                 return false
  3490.             }
  3491.         },
  3492.         /* 判斷焦點是否處於可編輯元素 */
  3493.         isEditableTarget: function(target) {
  3494.             let isEditable = target.getAttribute && target.getAttribute('contenteditable') === 'true';
  3495.             let isInputDom = /INPUT|TEXTAREA|SELECT/.test(target.nodeName);
  3496.             return isEditable || isInputDom;
  3497.         },
  3498.  
  3499.         _keydownEvent_moveInPL: function(e) {
  3500.             let t = h5Player;
  3501.             let player = t.player();
  3502.  
  3503.             if (document.pointerLockElement != player) {
  3504.                 player.removeEventListener('mousemove', h5Player._keydownEvent_moveInPL)
  3505.                 return;
  3506.             }
  3507.  
  3508.             var movementX = e.movementX ||
  3509.                 e.mozMovementX ||
  3510.                 e.webkitMovementX ||
  3511.                 0,
  3512.                 movementY = e.movementY ||
  3513.                 e.mozMovementY ||
  3514.                 e.webkitMovementY ||
  3515.                 0;
  3516.  
  3517.             player.__xyOffset.x += movementX
  3518.             player.__xyOffset.y += movementY
  3519.             var ld = Math.sqrt(screen.width * screen.width + screen.height * screen.height) * .1
  3520.             var md = Math.sqrt(player.__xyOffset.x * player.__xyOffset.x + player.__xyOffset.y * player.__xyOffset.y);
  3521.             //console.log(player.__xyOffset.x,player.__xyOffset.y)
  3522.             if (md > ld) {
  3523.                 h5Player._keydownEvent_leavePL();
  3524.             }
  3525.  
  3526.         },
  3527.  
  3528.  
  3529.         _keydownEvent_enterPL: function() {
  3530.             let t = h5Player;
  3531.             let player = t.player();
  3532.  
  3533.             if (player) {
  3534.  
  3535.                 player.__requestPointerLock();
  3536.                 player.__xyOffset = {
  3537.                     x: 0,
  3538.                     y: 0
  3539.                 };
  3540.  
  3541.                 player.addEventListener('mousemove', h5Player._keydownEvent_moveInPL)
  3542.             }
  3543.         },
  3544.  
  3545.         _keydownEvent_leavePL: function() {
  3546.             let t = h5Player;
  3547.  
  3548.             let player = t.player();
  3549.             if (player) player.removeEventListener('mousemove', h5Player._keydownEvent_moveInPL)
  3550.             document.__exitPointerLock();
  3551.         },
  3552.  
  3553.  
  3554.         /* 按鍵響應方法 */
  3555.         keydownEvent: function(event) {
  3556.  
  3557.             let t = h5Player
  3558.             let keyCode = lowerKeyCode(event.keyCode)
  3559.             let key = event.key.toLowerCase()
  3560.             let player = t.player()
  3561.  
  3562.             if (!player) {
  3563.                 // no video tag
  3564.                 return
  3565.             }
  3566.  
  3567.             let keyAsm = (event.shiftKey ? SHIFT : 0) | (event.ctrlKey ? CTRL : 0) | (event.altKey ? ALT : 0);
  3568.  
  3569.             if (!keyAsm && keyCode == 27 && (document.fullscreenElement || document.pointerLockElement)) {
  3570.                 setTimeout(() => {
  3571.                     if (document.fullscreenElement) {
  3572.                         document.exitFullscreen();
  3573.                     } else if (document.pointerLockElement) {
  3574.                         h5Player._keydownEvent_leavePL();
  3575.                     }
  3576.                 }, 700);
  3577.                 return;
  3578.             }
  3579.  
  3580.             if (event.code == "Space" && keyCode > 128) keyCode = 32;
  3581.             if (isInOperation(event.target)) return;
  3582.             
  3583.             //console.log('K01')
  3584.  
  3585.  
  3586.             /* 切換插件的可用狀態 */
  3587.             // Shift-`
  3588.             if (keyAsm == SHIFT && keyCode === 192) {
  3589.                 t.enable = !t.enable;
  3590.                 if (t.enable) {
  3591.                     t.tips('啟用h5Player插件')
  3592.                 } else {
  3593.                     t.tips('禁用h5Player插件')
  3594.                 }
  3595.                 // 阻止事件冒泡
  3596.                 event.stopPropagation()
  3597.                 event.preventDefault()
  3598.                 return false
  3599.             }
  3600.             if (!t.enable) {
  3601.                 consoleLog('h5Player 已禁用~')
  3602.                 return false
  3603.             }
  3604.  
  3605.  
  3606.  
  3607.             if (keyAsm == SHIFT && keyCode === 70) t.switchFakeUA();
  3608.  
  3609.             /* 非全局模式下，不聚焦則不執行快捷鍵的操作 */
  3610.  
  3611.             if (!keyAsm && key == 'enter' && !isInOperation()) {
  3612.                 if (!document.pointerLockElement && !document.fullscreenElement) {
  3613.                     if (document.pointerLockElement != player) {
  3614.                         h5Player._keydownEvent_enterPL();
  3615.  
  3616.                         // 阻止事件冒泡
  3617.                         event.stopPropagation()
  3618.                         event.preventDefault()
  3619.                         return false
  3620.                     }
  3621.                 } else if (document.pointerLockElement && !document.fullscreenElement) {
  3622.                     h5Player._keydownEvent_leavePL();
  3623.  
  3624.                     // 阻止事件冒泡
  3625.                     event.stopPropagation()
  3626.                     event.preventDefault()
  3627.                     return false
  3628.                 } else if (document.fullscreenElement) {
  3629.                     document.exitFullscreen();
  3630.  
  3631.                     // 阻止事件冒泡
  3632.                     event.stopPropagation()
  3633.                     event.preventDefault()
  3634.                     return false
  3635.                 }
  3636.             }
  3637.  
  3638.  
  3639.  
  3640.  
  3641.             let hv = (elm) => (elm && (elm == player || elm.contains(player)) ? elm : null);
  3642.             //console.log('cE0',document.activeElement)
  3643.  
  3644.  
  3645.             let _checkingPass;
  3646.  
  3647.  
  3648.             let plm = null;
  3649.             if (document.activeElement && !document.pointerLockElement && !document.fullscreenElement) {
  3650.                 // the active element may or may not contains the player
  3651.                 // but the player box (player->parent->parent->...) shall contains the active element (and the player)
  3652.                 // so if the active element is inside the playerbox, okay!
  3653.                 // ps. playerbox may be much larger than the activeelement, then it is not overlapping case.
  3654.                 plm = document.activeElement
  3655.  
  3656.  
  3657.  
  3658.                 _checkingPass = false;
  3659.  
  3660.                 if (plm == player){
  3661.                     _checkingPass = true;
  3662.                 }else{
  3663.                     let {
  3664.                         playerBox,
  3665.                         wPlayer
  3666.                     } = h5Player.getPlayerBox(player);
  3667.                     if (playerBox && playerBox.parentNode && (playerBox == plm || playerBox.contains(plm))) {
  3668.                         
  3669.                         
  3670.                         
  3671.                         let rpid=player.getAttribute('_h5ppid')||"NULL";
  3672.                         let interactionBox=playerBox.parentNode.querySelector(`[_h5p_interactionbox_="${rpid}"]`);    //the box can be playerBox
  3673.             //console.log('K03',rpid,interactionBox,playerBox)
  3674.                         if(interactionBox && (plm === interactionBox || interactionBox.contains(plm))) _checkingPass = true;
  3675.                     }
  3676.                 }
  3677.             } else {
  3678.  
  3679.                 plm = hv(document.pointerLockElement) || hv(document.fullscreenElement)
  3680.  
  3681.                 _checkingPass = !!plm
  3682.  
  3683.                 //let plms=[document.pointerLockElement,document.fullscreenElement].map(hv).filter(x=>!!x);
  3684.  
  3685.                 //plms=plms.filter(plm=>plms.some(elm=>plm!=elm&&plm.contains(elm))?false:true)
  3686.  
  3687.                 //plm=plms[0];
  3688.  
  3689.  
  3690.  
  3691.             }
  3692.  
  3693.             //console.log('K02')
  3694.  
  3695.             if (_checkingPass) {
  3696.  
  3697.  
  3698.  
  3699.                 if (isInOperation()) return
  3700.  
  3701.                 t.keyCodeList = t.keyCodeList || Object.values(t.keyMap);
  3702.                 t.keyList = t.keyList || (Object.keys(t.keyMap).concat(['enter', 'shift', 'control', 'alt', 'escape', ' ', 'space', 'arrowleft', 'arrowright', 'arrowright', 'arrowup', 'arrowdown', '|']));
  3703.                 //console.log(t.keyCodeList,keyCode, t.keyList, key)
  3704.                 let isInUseCode = t.keyCodeList.includes(keyCode) || t.keyList.includes(key);
  3705.                 if (!isInUseCode) return
  3706.  
  3707.                 /* 判斷是否執行了自定義快捷鍵操作，如果是則不再響應後面默認定義操作 */
  3708.                 if (t.runCustomShortcuts(player, event) === true) return
  3709.                 /* 響應播放器相關操作 */
  3710.                 let res = t.playerTrigger(player, event)
  3711.                 if (res == TERMINATE) {
  3712.  
  3713.                     // 阻止事件冒泡
  3714.                     event.stopPropagation()
  3715.                     event.preventDefault()
  3716.                     return false
  3717.                 }
  3718.  
  3719.             }
  3720.         },
  3721.         /* 設置播放進度 */
  3722.         setPlayProgress: function(player, curTime) {
  3723.             if (!player) return
  3724.             let t = h5Player
  3725.             if (!curTime || Number.isNaN(curTime)) return
  3726.             player.currentTime = curTime
  3727.             if (curTime > 3) {
  3728.                 h5Player.tips(`Playback Jumps to ${tool.formatCT(curTime)}`)
  3729.                 if (player.paused) player.play();
  3730.             }
  3731.         }
  3732.     }
  3733.  
  3734.  
  3735.  
  3736.  
  3737.     function videoDOMFound(video) {
  3738.  
  3739.  
  3740.  
  3741.         let rootElm = document.documentElement
  3742.         if (rootElm && rootElm.querySelector && !rootElm.querySelector('#_h5player_section_')) {
  3743.  
  3744.  
  3745.  
  3746.             let svgFilterElm = document.createElement('section')
  3747.             svgFilterElm.id = '_h5player_section_'
  3748.             svgFilterElm.innerHTML = `
  3749. <svg id='image' version="1.1" xmlns="http://www.w3.org/2000/svg">
  3750. <defs>
  3751. <filter id="sharpen1">
  3752. <feConvolveMatrix filterRes="100 100" style="color-interpolation-filters:linearrgb" order="3" kernelMatrix="` + `
  3753. -0.3 -0.3 -0.3
  3754. -0.3 3.4 -0.3
  3755. -0.3 -0.3 -0.3`.replace(/[\n\r]+/g, '  ').trim() + `"  preserveAlpha="true"/>
  3756. </filter>
  3757. <filter id="unsharpen1">
  3758. <feConvolveMatrix style="color-interpolation-filters:sRGB;color-rendering: optimizeQuality;color-interpolation: sRGB;" order="5" kernelMatrix="` + `  -0.00391  -0.01563  -0.02344  -0.01563  -0.00391
  3759. -0.01563  -0.06250  -0.09375  -0.06250  -0.01563
  3760. -0.02344  -0.09375   1.85980  -0.09375  -0.02344
  3761. -0.01563  -0.06250  -0.09375  -0.06250  -0.01563
  3762. -0.00391  -0.01563  -0.02344  -0.01563  -0.00391`.replace(/[\n\r]+/g, ' ').trim() + `"  preserveAlpha="true"/>
  3763. </filter>
  3764. <filter id="grey1">
  3765. <feColorMatrix values="0.3333 0.3333 0.3333 0 0
  3766. 0.3333 0.3333 0.3333 0 0
  3767. 0.3333 0.3333 0.3333 0 0
  3768. 0      0      0      1 0"/>
  3769. <feColorMatrix type="saturate" values="0" />
  3770. </filter>
  3771. </defs>
  3772. </svg>
  3773. `;
  3774.  
  3775.  
  3776.             rootElm = rootElm.querySelector('head') || rootElm
  3777.             rootElm.appendChild(svgFilterElm);
  3778.         }
  3779.  
  3780.  
  3781.  
  3782.         /* 多video實例標籤的情況 */
  3783.  
  3784.         video.addEventListener('mouseenter', handle.player_mouseEnter) /* 鼠標移到其上面的時候重新指定實例 */
  3785.         //video.addEventListener('mouseleave',  handle.player_mouseLeave)
  3786.         video.addEventListener('playing', handle.player_playTriggering) /* 播放器開始播放的時候重新指向實例 */
  3787.  
  3788.  
  3789.  
  3790.         video.addEventListener('loadedmetadata', handle.player_videoLoaded, true);
  3791.  
  3792.         video.addEventListener('videoparentresize', function(evt) {
  3793.             console.log('videoparentresize')
  3794.             //fix
  3795.  
  3796.             requestAnimationFrame(function() {
  3797.                 let player = evt.detail.player
  3798.                 let t = h5Player
  3799.                 let tipsSelector = '#' + (player.getAttribute('_h5player_tips') || t.tipsClassName)
  3800.                 let tipsDom = player.ownerDocument.querySelector(tipsSelector) || null
  3801.  
  3802.                 if (tipsDom){
  3803.                     h5Player.fixNonBoxingVideoTipsPosition(tipsDom, player);
  3804.                 }
  3805.             });
  3806.  
  3807.         });
  3808.         
  3809.         video.addEventListener("volumechange", handle.volume_changed);
  3810.  
  3811.  
  3812.     }
  3813.  
  3814.     function wVideo(video) {
  3815.  
  3816.         if (!video) return;
  3817.         if (video.getAttribute('_h5ppid')) return;
  3818.         consoleLog('wVideo', video)
  3819.  
  3820.         wVideo._readyCount++;
  3821.         /* 檢測是否存在H5播放器 */
  3822.  
  3823.         let videoCount = wVideo._readyCount;
  3824.         consoleLog(' - HTML5 Video is detected -', `Number of Videos: ${videoCount}`)
  3825.  
  3826.  
  3827.         let t = h5Player;
  3828.  
  3829.         t.init_count = (t.init_count || 0) + 1;
  3830.         if (t.init_count === 1) t.fireGlobalInit();
  3831.  
  3832.         video.setAttribute('_h5ppid', 'h5p-' + t.init_count)
  3833.         videoDOMFound(video)
  3834.     }
  3835.  
  3836.  
  3837.     wVideo._readyCount = 0;
  3838.  
  3839.  
  3840.  
  3841.  
  3842.     hackAttachShadow()
  3843.     hackEventListener()
  3844.  
  3845.  
  3846.     try {
  3847.  
  3848.         /* 檢測到有視頻標籤就進行初始化 */
  3849.         window.addEventListener('message', handle.win_receiveMsg, false);
  3850.         let v_main = new VideoListener(document.documentElement);
  3851.         v_main.listen(wVideo)
  3852.         /* 檢測shadow dom 下面的video */
  3853.         document.addEventListener('addShadowRoot', function(e) {
  3854.             let v_sub = new VideoListener(e.detail.shadowRoot);
  3855.             v_sub.listen(wVideo)
  3856.         })
  3857.     } catch (e) {
  3858.         console.error('h5player:', e)
  3859.     }
  3860.  
  3861. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址