// ==UserScript==

// @name 视频站启用html5播放器

// @description 拥抱html5，告别Flash。添加快捷键：快进、快退、暂停/播放、音量、下一集、切换[万能网页]全屏、上下帧、播放速度。支持站点：优.土、QQ、新浪、微博、网易视频[娱乐、云课堂、新闻]、搜狐、乐视、央视、风行、百度云视频、熊猫、龙珠、战旗直播等，可自定义站点

// @version 0.68

// @homepage http://bbs.kafan.cn/thread-2093014-1-1.html

// @include *://pan.baidu.com/*

// @include *://v.qq.com/*

// @include *://v.sports.qq.com/*

// @include *://film.qq.com/*

// @include *://view.inews.qq.com/*

// @include *://news.qq.com/*

// @include *://v.youku.com/v_show/id_*

// @include *://*.tudou.com/v/*

// @include *://v.163.com/*.html*

// @include *://ent.163.com/*.html*

// @include *://news.163.com/*.html*

// @include *://news.163.com/special/*

// @include *://study.163.com/course/*.htm?courseId=*

// @include *://news.sina.com.cn/*

// @include *://video.sina.com.cn/*

// @include *://video.sina.cn/*

// @include *://weibo.com/*

// @include *://*.weibo.com/*

// @include *://*.le.com/*.html*

// @include *://*.lesports.com/*.html*

// @include *://tv.sohu.com/*.shtml*

// @include *://*.tv.sohu.com/*.shtml*

// @include *://film.sohu.com/album/*

// @include *://www.fun.tv/vplay/*

// @include *://m.fun.tv/*

// @include https://www.panda.tv/*

// @exclude https://www.panda.tv/

// @include https://*.zhanqi.tv/*

// @include *://*.longzhu.com/*

// @grant unsafeWindow

// @grant GM_addStyle

// @require https://cdn.jsdelivr.net/hls.js/latest/hls.min.js

// @run-at document-start

// @namespace https://greasyfork.org/users/7036

// ==/UserScript==

'use strict';

if (top !== self) return;

if (window.chrome)

NodeList.prototype[Symbol.iterator] = HTMLCollection.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];

const q = css => document.querySelector(css),

doClick = e => {

if (e) e.click ? e.click() : e.dispatchEvent(new MouseEvent('click'));

},

r1 = (regp, s) => regp.test(s) && RegExp.$1,

fakeUA = ua => Object.defineProperty(navigator, 'userAgent', {

value: ua,

writable: false,

configurable: false,

enumerable: true

}),

getMainDomain = host => {

let a = host.split('.'),

i = a.length -2;

if (['com','net','org','gov','edu'].includes(a[i])) i--;

return a[i];

},

ua_samsung = 'Mozilla/5.0 (Linux; U; Android 4.0.4; GT-I9300 Build/IMM76D) AppleWebKit/534.30 Version/4.0 Mobile Safari/534.30',

ua_ipad2 = 'Mozilla/5.0 (iPad; CPU OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3';

class Fullscreen {

constructor(video) {

this._video = video;

const d = document;

this._exitFn = d.exitFullscreen || d.webkitExitFullscreen || d.mozCancelFullScreen || d.msExitFullscreen;

const e = video;

this._enterFn = e.requestFullscreen || e.webkitRequestFullScreen || e.mozRequestFullScreen || e.msRequestFullScreen;

}

static isFull() {

const d = document;

return !!(d.fullscreen || d.webkitIsFullScreen || d.mozFullScreen ||

d.fullscreenElement || d.webkitFullscreenElement || d.mozFullScreenElement);

}

enter() {

this._enterFn && this._enterFn.call(this._video);

}

exit() {

this._exitFn && this._exitFn.call(document);

}

toggle() {

Fullscreen.isFull() ? this.exit() : this.enter();

}

}

//万能网页全屏,代码参考了：https://github.com/gooyie/ykh5p

class WebFullscreen {

constructor(video) {

this._video = video;

this._checkContainer();

GM_addStyle(`

.z-top {

position: relative !important;

z-index: 23333333 !important;

}

.webfullscreen {

display: block !important;

position: fixed !important;

width: 100% !important;

height: 100% !important;

top: 0 !important;

left: 0 !important;

background: #000 !important;

z-index: 23333333 !important;

}

`);

}

_checkContainer() {

const e = this._video;

if (!this._container || this._container === e) {

this._container = WebFullscreen.getPlayerContainer(e);

//this._container !== e && e.classList.contains('webfullscreen') && e.classList.remove('webfullscreen');

}

}

get container() {

this._checkContainer();

return this._container;

}

static getPlayerContainer(video) {

let d = document.body,

e = video,

p = e.parentNode;

if (p === d) return e;

const w = p.clientWidth,

h = p.clientHeight;

do {

e = p;

p = e.parentNode;

} while (p !== d && p.clientWidth - w < 5 && p.clientHeight - h < 5);

//console.dirxml(e);

return e;

}

fixView() {

let e = this._video, c = this._container;

if (e === c) return;

if (e.clientWidth < c.clientWidth || e.clientHeight < c.clientHeight) {

let a = [];

while (e !== c) {

a.push(e);

e = e.parentNode;

}

while (e = a.pop()) e.style.width = e.style.height = '100%';

}

}

static isFull(video) {

//return this.container.classList.contains('webfullscreen');

//允许边框

return window.innerWidth -video.clientWidth < 5 && window.innerHeight - video.clientHeight < 5;

}

toggle() {

const d = document.body,

state = WebFullscreen.isFull(this.container);

d.style.overflow = state ? '' : 'hidden';

this.container.classList.toggle('webfullscreen');

let p = this.container.parentNode;

while (p !== d) {

p.classList.toggle('z-top');

p = p.parentNode;

}

!state && setTimeout(this.fixView.bind(this), 9);

}

}

let webFull, fullScreen;

const { host, pathname: path } = location,

u = getMainDomain(host),//主域名

//容器，登记事件处理方法中的回调

events = {

on(name, fn) {

this[name] = fn;

}

},

app = {

el: null,//video

isLive: !1,

_duration: 0,

get duration() {

if (this._duration) return this._duration;

if (this.timeCSS) {

const a = q(this.timeCSS).innerHTML.split(':');

let n = a.pop() | 0, multiplier = 1;

for (let k of a.reverse()) {

multiplier *= 60;

n += k * multiplier;

}

this._duration = n || 2e4;

} else {

this._duration = Math.round(this.el.duration);

}

return this._duration;

},

vList: null,

getVideo() {

this.vList = this.vList || document.getElementsByTagName('video');

if (this.el.offsetWidth>1) return;

for (let e of this.vList)

if (e.offsetWidth>1) {

e.playbackRate = this.el.playbackRate;

e.volume = this.el.volume;

this.el = e;

break;

}

},

_convertView(btn) {

// !btn.clientWidth ?

const e = btn.style.display === 'none' ? btn.nextElementSibling : btn;

doClick(e);

},

observe() {

const v = q('video');

if (v) {

this._mo.disconnect();

this.el = v;

this.oldCanplay = v.oncanplay;

v.oncanplay = this.onCanplay.bind(this);

document.addEventListener('keydown', this.hotKey.bind(this), !1);

setTimeout(() => {

v.focus();

if (!this.webfullCSS) webFull = new WebFullscreen(v);

}, 300);

if (!this.fullCSS)

fullScreen = new Fullscreen(v);

else {

this.btnFS = q(this.fullCSS);

//进入、退出、切换全屏，三合一

this.fullScreen = () => this._convertView(this.btnFS);

}

if (this.webfullCSS) {

this.btnWFS = q(this.webfullCSS);

this.webFullScreen = () => this._convertView(this.btnWFS);

}

if (this.nextCSS) this.btnNext = q(this.nextCSS);

events.init && events.init();

}

},

onCanplay(e) {

const v = this.el;

v.oncanplay = null;

console.log('脚本[启用html5播放器]，事件oncanplay');

events.canplay && events.canplay();

this.oldCanplay && this.oldCanplay(e);

if (!this.isLive && this.duration > 666 && !/qq|le/.test(u)) setTimeout(() => {

v.currentTime = 66;//跳过片头

}, 9);

},

hotKey(e) {

//判断ctrl,alt,shift三键状态，防止浏览器快捷键被占用

if (e.ctrlKey || e.altKey || /INPUT|TEXTAREA/.test(e.target.nodeName))

return;

if (e.shiftKey && ![13,37,39].includes(e.keyCode))

return;

if (this.isLive && [37,39,78,88,67,90].includes(e.keyCode))

return;

this.getVideo();

const v = this.el;

// if (!v || v.offsetWidth === 0) v = q('video');

let n;

switch (e.keyCode) {

case 32: //space

if (this.disableSpace) return;

v.paused ? v.play() : v.pause();

e.preventDefault();

e.stopPropagation();

break;

case 37: //left

n = e.shiftKey ? -27 : -5; //快退5秒,shift加速

case 39: //right

n = n || (e.shiftKey ? 27 : 5); //快进5秒,shift加速

v.currentTime += n;

break;

case 78: // N 下一首

doClick(this.btnNext);

break;

//case 80: // P 上一首

case 38: //加音量

n = .1;

case 40: //降音量

n = n || -0.1;

n += v.volume;

if (0 <= n && n <= 1) v.volume = n;

e.preventDefault();

break;

case 13: //全屏

if (e.shiftKey)

webFull ? webFull.toggle() : this.webFullScreen();

else

fullScreen ? fullScreen.toggle() : this.fullScreen();

break;

case 27: //esc

if (Fullscreen.isFull())

fullScreen ? fullScreen.exit() : this.fullScreen();

else if (WebFullscreen.isFull(v))

webFull ? webFull.toggle() : this.webFullScreen();

break;

case 67: //按键C：加速播放 +0.1

n = .1;

case 88: //按键X：减速播放 -0.1

n = n || -0.1;

n += v.playbackRate;

if (0 < n && n <= 16) v.playbackRate = n;

break;

case 90: //按键Z：正常速度播放

v.playbackRate = 1;

break;

case 70: //按键F：下一帧

n = .03;

case 68: //按键D：上一帧

n = n || -0.03;

if (!v.paused) v.pause();

v.currentTime += n;

}

},

doHls() {

const v = this.el;

if (!v || !v.src.includes('.m3u8') || !Hls.isSupported()) return;

const hls = new Hls();

hls.loadSource(v.src);

hls.attachMedia(v);

hls.on(Hls.Events.MANIFEST_PARSED, () => v.play());

},

init() {

this._mo = new MutationObserver(this.observe.bind(this));

this._mo.observe(document.documentElement, {

childList : true, subtree : true

});

}

};

if (u !== 'zhanqi') Object.defineProperty(navigator, 'plugins', {

get: function() {

return { length: 0 };

}

});

const router = {

qq() {

Object.assign(app, {

disableSpace: true,

nextCSS: '.txp_btn_next',

webfullCSS: '.txp_btn_fake',

fullCSS: '.txp_btn_fullscreen',

});

events.on('canplay', app.getVideo);

fakeUA('Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10; rv:48.0) Gecko/20100101 Firefox/48.0');

},

youku() {

events.on('canplay', () => {

q('.youku-layer-logo').remove();

if (app.el.src.startsWith('http')) app.getVideo();//初始化vList，旧版用flv.js~地址以blob:开头

//修正下一个按钮无效

const btn = q('button.control-next-video');

if (btn && btn.offsetWidth>1) {

let e = q('.program.current');

e = e && e.closest('.item') || q('.item.current');

e = e.nextSibling;

if (!e) return;

e = e.querySelector('a');//下一个视频链接

btn.addEventListener('click', ev => e.click());

app.btnNext = e;

}

});

app.fullCSS = '.control-fullscreen-icon';

app.timeCSS = '.control-time-duration';

sessionStorage.P_l_h5 = 1;

},

cctv() {

fakeUA(ua_samsung);

},

sina() {

fakeUA(ua_ipad2);

},

le() {

//firefox 56以下 黑屏

const isFX57 = r1(/Firefox\/(\d+)/, navigator.userAgent);

if (isFX57 && isFX57 < 57) return true;

fakeUA('Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.75.14 Version/7.0.3 Safari/7046A194A');

//totalTime = __INFO__.video.duration;

Object.assign(app, {

timeCSS: 'span.hv_total_time',

nextCSS: 'div.hv_ico_next',

webfullCSS: 'span.hv_ico_webfullscreen',

fullCSS: 'span.hv_ico_screen'

});

},

sohu() {

fakeUA(ua_samsung);

Object.assign(app, {

timeCSS: 'span.x-duration-txt',

nextCSS: 'li.on[data-vid]+li > a',

fullCSS: 'div.x-fs-btn'

});

},

fun() {

if (host.startsWith('m.')) {

if (!path.includes('play')) return true;//非播放页，不执行init()

/^\/[mv]/.test(path) && location.assign(path.replace('/', '/i') + location.search);

app.nextCSS = 'a.btn.next-btn';

app.fullCSS = 'a.btn.full-btn';

GM_addStyle('div.p-ip-wrap{overflow-y: auto !important;}');

return;

}

let vid = r1(/\bv-(\d+)/, path);

let mid = r1(/\bg-(\d+)/, path);

//剧集path: /implay/，单视频path: /ivplay/

if (vid) {

mid && location.assign(`//m.fun.tv/implay/?mid=${mid}&vid=${vid}`);

location.assign('//m.fun.tv/ivplay/?vid='+vid);

}

mid && setTimeout(() => {

vid = unsafeWindow.vplay.videoid;

vid && location.assign(`//m.fun.tv/implay/?mid=${mid}&vid=${vid}`);

}, 99);

return true;

},

panda() {

localStorage.setItem('panda.tv/user/player', '{"useH5player": true}');

app.webfullCSS = 'span.h5player-control-bar-fullscreen';

app.fullCSS = 'span.h5player-control-bar-allfullscreen';

app.isLive = true;

},

longzhu() {

app.isLive = true;

fakeUA(ua_ipad2);

events.on('init', () => {

const v = app.el;

if (v.src && v.src.includes('.m3u8'))

app.doHls();

else {

q('#landscape_dialog').remove();

new MutationObserver(function(records) {

this.disconnect();

app.doHls();

})

.observe(v, {

attributes: true,

attributeFilter: ['src']

});

setTimeout(() => q('.player.report-rbi-click').click(), 1200);

}

});

},

zhanqi() {

setTimeout(function getM3u8_Addr() {

const e = q('#BFPlayerID');//flash ID

if (!e) {

setTimeout(getM3u8_Addr, 300);

return;

}

let s = e.children.flashvars.value,

url = r1(/PlayUrl=([^&]+)/, s);//视频

if (!url) {

app.isLive = true;

s = r1(/VideoLevels=([^&]+)/, s);//直播

s = atob(s);

url = JSON.parse(s).streamUrl;

}

e.parentNode.innerHTML = ``;

}, 300);

events.on('init', app.doHls);

}

};

router.cntv = router.cctv;

router.lesports = router.le;

router['163'] = router.sina;

if (!router[u] || !router[u].call(null)) app.init();

战旗html5播放器为什么卡顿,视频站启用html5播放器相关推荐

  1. html5视频播放器使用,视频站启用html5播放器

    推我的星光HTML5扩展,支持站点:央视及其直播.芒果TV.网易公开课 0.5.5版,新增对百度云视频支持:可自行增加脚本支持站点,以取得播放快捷键的支持:油库因为屏蔽广告导致其内部JS运行出错,使得 ...

  2. kodi android 卡顿,给Kodi设置缓存来解决播放大文件卡顿

    给Kodi设置缓存来解决播放大文件卡顿 2021-03-02 16:21:20 28点赞 355收藏 31评论 Kodi可以算是电视盒子上最棒的播放器了,它具有强大的功能,优美的界面,相信很多人也都是 ...

  3. android 播放音乐卡顿,Android MediaPlayer+SeekBar播放音频出现卡顿边长可能问题

    开发过程中总是会碰到一些"什么鬼,原来这么简单"等等的问题,比如今天碰到 Android MediaPlayer+SeekBar播放音频出现卡顿可能问题? 代码段一: seekBa ...

  4. 杰理AC692X---U盘播放无损音乐卡顿问题

    692X在播放无损格式音乐的时候,蓝牙和PC模式都没问题, 唯独U盘和T卡一直会卡顿,把解码时钟改为192M也一样, 最后发现把以下宏定义改大就可以了: #define OUTPUT_BUF_SIZE ...

  5. android vlc rtsp卡顿,VLC播放器 RTSP 卡顿解决

    之前写过一篇关于在Linux平台上编译android平台上VLC播放器源代码的文章,vlc这款播放器非常优秀而且是开源的,它的核心是开源视频编解码库ffmpeg.而且这款播放器还支持RTSP协议,这个 ...

  6. 蓝牙音乐和导航语音播放混音卡顿问题

    最近发现公司自研的智能车载设备上存在一个问题:手机通过蓝牙连接车机,在手机上播放音乐车机上发声然后跟车机上的导航语音播报一起混音播出的时候会出现卡顿的现象:但是在车机上播放音乐和导航混音就正常.另外需 ...

  7. 解决html5手机端滑动卡顿的现象

    项目是混合开发,原生安卓和ios里面内嵌h5页面,在安卓里面滑动就不会卡顿,但是iso里面就卡卡卡,于是试便了全网,找到了这个解决办法,大家可以试试. 直接全局增加css样式就行 * {-webkit ...

  8. 桌面和文件管理器右键卡顿几秒的解决办法

    说明 应该是2016年之前的记录,之前没有写文档记录的习惯,都是随手记录的txt文件,所以没有图片.格式等.甚至现在看来有些地方逻辑不通(可能还因为年少轻狂,有些偏颇的话语),但是这些与现在的我不重要 ...

  9. JavaScript-定时器解决卡顿问题- 键盘控制移动div

    demo: 用键盘上下左右键子,控制div 上下左右移动. 不加定时器的时候会感觉移动的时候有卡顿现象, 可以通过定时器来解决. <!DOCTYPE html> <html lang ...

  10. 服务器本地视频怎么网站播放视频教程,远程服务器的视频怎么在本地播放

    远程服务器的视频怎么在本地播放 内容精选 换一换 网站的访问与云服务器的网络配置.端口通信.防火墙配置.安全组配置等多个环节相关联.任意一个环节出现问题,都会导致网站无法访问.本节操作介绍网站无法访问 ...

最新文章

  1. Jquery Types 小结
  2. TCP/IP的二层负载
  3. eclipse设置java虚拟机内存大小_eclipse设置java虚拟机内存大小
  4. 【问题解决方案】CentOS7替换yum的问题：使用yum makecache出现File contains no section headers
  5. 路由器接口为啥不能配置为任意播地址_计算机三级网络技术（7）：路由器配置及使用（下）...
  6. Mysql 系统学习梳理_【All】
  7. mysql 写入性能_MySQL存储写入性能严重抖动分析
  8. 豆瓣top250电影数据分析
  9. 在c语言中以下程序的动能,c语言超星尔雅期末测试答案
  10. 备案服务器查询网站,网站服务器备案查询
  11. kettle 6.1.0.1 mysql_kettle连接数据库报错：Error occured while trying to connect
  12. Encoder-decoder模型及Attention机制
  13. Laravel 中使用 Laravel-Excel 美化
  14. Eclipse 代码大小写切换
  15. Cadence 应用注意事项--转载
  16. PHP面试题(遇到的)
  17. 欧拉定理——数论定理
  18. 制造业预测性维护市场现状研究分析报告 -
  19. Activiti的Hello World——请假流程
  20. STM32超低功耗进阶之RTC

热门文章

  1. C3：Unity3D制作智能家居设计软件——绘制户型（二）
  2. QQ对话框、背景渐变色
  3. 计算机最早应用于( )领域,计算机最早被应用于()领域。
  4. 有没有好的公文写作范文素材，求助各位网友？
  5. matlab 批量取消注释,MATLAB中多行注释以及取消的快捷键
  6. 开源中最好的Web开发的资源
  7. PHP判断访客是否移动端浏览器访问的四种方法
  8. 混合线性模型学习笔记2
  9. 运动目标检测之关键帧提取、二帧差法及三帧差法
  10. SIP的几个主要标准协议