三大功能 。启用html5播放器；万能网页全屏；添加快捷键：快进、快退、暂停/播放、音量、下一集、切换(网页)全屏、上下帧、播放速度。支持视频站点：优.土、QQ、B站、新浪、微博、网易视频[娱乐、云课堂、新闻]、搜狐、乐视、风行、百度云视频等；直播：斗鱼、熊猫、YY、虎牙、龙珠。可自定义站点
目前为
// ==UserScript==
// @name 视频站启用html5播放器
// @description 三大功能 。启用html5播放器；万能网页全屏；添加快捷键：快进、快退、暂停/播放、音量、下一集、切换(网页)全屏、上下帧、播放速度。支持视频站点：优.土、QQ、B站、新浪、微博、网易视频[娱乐、云课堂、新闻]、搜狐、乐视、风行、百度云视频等；直播：斗鱼、熊猫、YY、虎牙、龙珠。可自定义站点
// @version 0.93
// @homepage http://bbs.kafan.cn/thread-2093014-1-1.html
// @include *://v.qq.com/*
// @include *://v.sports.qq.com/*
// @include https://y.qq.com/*/mv/v/*
// @include *://film.qq.com/*
// @include *://view.inews.qq.com/*
// @include *://news.qq.com/*
// @include https://www.weiyun.com/video_*
// @include *://www.youku.com/
// @include *://v.youku.com/v_show/id_*
// include https://vku.youku.com/live/*
// @include *://*.tudou.com/v/*
// @include *://www.bilibili.com/*
// @include *://*.le.com/*.html*
// @include *://*.lesports.com/*.html*
// @include https://tv.sohu.com/v/*
// @include https://tv.sohu.com/201*
// @include https://film.sohu.com/album/*
// @include *://www.fun.tv/vplay/*
// @include *://m.fun.tv/*
// @include http://video.mtime.com/*
// @include *://www.miaopai.com/*
// @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 *://pan.baidu.com/*
// @include *://yun.baidu.com/*
// @include *://v.yinyuetai.com/video/h5/*
// @include *://v.yinyuetai.com/playlist/h5/*
// @include *://www.365yg.com/*
// @include *://v.ifeng.com/video_*
// @include *://www.icourse163.org/learn/*
// @include https://www.youtube.com/watch?v=*
// @include https://www.ted.com/talks/*
// @include *://www.yy.com/*
// @include *://v.huya.com/play/*
// @include *://www.huya.com/*
// @include https://v.douyu.com/show/*
// @include https://www.douyu.com/*
// @include https://www.panda.tv/*
// @include *://star.longzhu.com/*
// @include *://www.zhanqi.tv/*
// @grant unsafeWindow
// @grant GM_addStyle
// @run-at document-start
// require https://raw.githubusercontent.com/creatorrr/web-streams-polyfill/master/dist/polyfill.min.js
// require https://raw.githubusercontent.com/w3c/IntersectionObserver/master/polyfill/intersection-observer.js
// @namespace https://greasyfork.org/users/7036
// ==/UserScript==
'use strict';
if (!NodeList.prototype[Symbol.iterator])
NodeList.prototype[Symbol.iterator] = HTMLCollection.prototype[Symbol.iterator] = Array.prototype[Symbol.iterator];
const isEdge = navigator.userAgent.includes('Edge'),
w = isEdge ? window : unsafeWindow,
noopFn = () => {},
q = css => document.querySelector(css),
$$ = (c, cb = e=>e.remove()) => {
if (!c.length) return;
if (typeof c === 'string')
c = document.querySelectorAll(c);
if (cb) for (let e of c) {
if (e && cb(e)===false) break;
}
return c;
},
r1 = (regp, s) => regp.test(s) && RegExp.$1,
sleep = ms => new Promise(resolve => {
setTimeout(resolve, ms);
}),
getStyle = (o, s) => {
if (o.style[s]) return o.style[s];
if (getComputedStyle) {//DOM
var x = getComputedStyle(o, '');
//s = s.replace(/([A-Z])/g,'-$1').toLowerCase();
return x && x.getPropertyValue(s);
}
},
injectJS = s => {
const js = document.createElement('script');
if (s.startsWith('http')) js.src = s;
else js.textContent = s;
document.head.appendChild(js);
},
throttle = function(fn, delay = 100){ //函数节流
let timer = null, me = this;
return function(...args) {
timer && clearTimeout(timer);
timer = setTimeout(() => {
fn.apply(me, args);
timer = null;
}, delay);
};
},
willRemove = throttle($$),//多处同时调用时须防止定时器冲突
doClick = e => {
if (typeof e === 'string') e = q(e);
if (e) { e.click ? e.click() : e.dispatchEvent(new MouseEvent('click')) };
},
underFirefox57 = (() => {
const x = r1(/Firefox\/(\d+)/, navigator.userAgent);
return x && x < 57;
})(),
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','tv','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_chrome = 'Mozilla/5.0 (Windows NT 10.0; WOW64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.9',
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 FullPage {
constructor(video, isFixView) {
this._video = video;
this._isFixView = isFixView;
this._isFull = !1;
this._rects = new Map();
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;
}
`);
}
getPlayerContainer(video) {
let d = document.body,
e = video,
p = e.parentNode;
if (p === d) return e;
const wid = p.clientWidth,
h = p.clientHeight;
do {
this._rects.set(e, {
width: e.clientWidth + 'px',
height: e.clientHeight + 'px'
});
e = p;
p = e.parentNode;
} while (p !== d && p.clientWidth - wid < 5 && p.clientHeight - h < 5);
this._rects.delete(e);
return e;
}
_checkContainer() {
const e = this._video;
if (!this._container || this._container === e)
this._container = this.getPlayerContainer(e);
}
get container() {
this._checkContainer();
return this._container;
}
fixView() {
if (!this._isFixView && !this._isFull) return;
if (this._video === this._container) return;
for(let [e, v] of this._rects) if (this._isFull)
e.style.width = e.style.height = '100%';
else {
e.style.width = v.width;
e.style.height = v.height;
}
}
static isFull(video) {
return window.innerWidth -video.clientWidth < 5 && window.innerHeight - video.clientHeight < 5;
}
toggle() {
const d = document.body;
d.style.overflow = this._isFull ? '' : 'hidden';
this.container.classList.toggle('webfullscreen');
let p = this.container.parentNode;
while (p !== d) {
p.classList.toggle('z-top');
p = p.parentNode;
}
this._isFull = !this._isFull;
setTimeout(this.fixView.bind(this), 9);
}
}
let v, _fp, _fs;
const { host, pathname: path } = location,
u = getMainDomain(host),//主域名
//容器，登记事件处理方法中的回调
events = {
on(name, fn) {
this[name] = fn;
}
},
app = {
isLive: !1,
vList: null,
multipleV: !1,
isFixFPView: !1,
getVideos() {
this.vList = this.vList || document.getElementsByTagName('video');
if (v.offsetWidth>1) return;
for (let e of this.vList) if (e.offsetWidth>1) {
e.playbackRate = v.playbackRate;
e.volume = v.volume;
v = e;
break;
}
},
_convertView(btn) {
(!btn.nextSibling || btn.clientWidth >1 || getStyle(btn, 'display') !== 'none') ? doClick(btn) : doClick(btn.nextSibling);
},
onCanplay(ev) {
console.log('脚本[启用html5播放器]，事件loadeddata');
//if (ev.target.readyState > 2)
events.canplay && events.canplay();
ev.target.removeEventListener('loadeddata', this.onCanplay);
},
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.getVideos();
this.checkUI();
let n;
switch (e.keyCode) {
case 32: //space
if (this.disableSpace) return;
if (this.btnPlay) this.play();
else v.paused ? v.play() : v.pause();
e.preventDefault();
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 下一首
this.btnNext && getStyle(this.btnNext, 'display') !== 'none' && doClick(this.btnNext);
break;
//case 80: // P 上一首
case 38: //加音量
n = 0.1;
case 40: //降音量
n = n || -0.1;
n += v.volume;
if (0 <= n && n <= 1) v.volume = n;
e.preventDefault();
e.stopPropagation();
break;
case 13: //全屏
if (e.shiftKey) {
_fp ? _fp.toggle() : this.fullPage();
} else {
_fs ? _fs.toggle() : this.fullScreen();
}
break;
case 27: //esc
if (FullScreen.isFull()) {
_fs ? _fs.exit() : this.fullScreen();
} else if (FullPage.isFull(v)) {
_fp ? _fp.toggle() : this.fullPage();
}
break;
case 67: //按键C：加速播放 +0.1
n = 0.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 = 0.03;
case 68: //按键D：上一帧
n = n || -0.03;
if (!v.paused) v.pause();
v.currentTime += n;
}
},
checkUI() {
if (this.webfullCSS && !this.btnWFS) this.btnWFS = q(this.webfullCSS);
if (this.btnWFS) {
this.fullPage = () => this._convertView(this.btnWFS);
if (_fp) _fp = null;
} else {
_fp = _fp || new FullPage(v, this.isFixFPView);
}
if (this.fullCSS && !this.btnFS) this.btnFS = q(this.fullCSS);
if (!this.btnFS) {
_fs = _fs || new FullScreen(v);
} else {
this.fullScreen = () => this._convertView(this.btnFS);
if (_fs) _fs = null;
}
if (this.nextCSS && !this.btnNext) this.btnNext = q(this.nextCSS);
if (this.playCSS && !this.btnPlay)
this.btnPlay = q(this.playCSS);
if (this.btnPlay)
this.play = () => this._convertView(this.btnPlay);
},
viewVisibility(e) {
const r = v.getBoundingClientRect();
//原视频不在可见范围了
return !(r.bottom < 9 || r.y > w.innerHeight-r.height*0.2);
},
switchMV(e) {
v = e;
//_fs = _fp = null;
_fs = new FullScreen(v);
_fp = new FullPage(v, this.isFixFPView);
events.switchMV && events.switchMV();
},
onGrowVList() {
if (this.vList.length > this.vCount) {
const inView = this.viewVisibility(v);
if (!inView) for (let e of this.vList) if (v != e && this.viewVisibility(e)) {
this.switchMV(e);
break;
}
if (this.viewObserver) {
for (let e of this.vList) if (!this.vSet.has(e)) {
this.viewObserver.observe(e);
}
} else {
const config = {
rootMargin: '0px',
threshold: 0.9
};
this.viewObserver = new IntersectionObserver(this.onIntersection.bind(this), config);
for (let e of this.vList) this.viewObserver.observe(e);
}
this.vSet = new WeakSet(this.vList);
this.vCount = this.vList.length;
}
},
onIntersection(entries) {
for (let entry of entries) {
if (entry.isIntersecting && v != entry.target) {//intersectionRatio
this.switchMV(entry.target);
//console.log(v, entry);
break;
}
}
},
bindEvent() {
this.onCanplay = this.onCanplay.bind(this);
v.addEventListener('loadeddata', this.onCanplay);
document.addEventListener('keydown', this.hotKey.bind(this));
this.checkUI();
events.foundMV && events.foundMV();
this.vCount = 1;
this.getVideos();
if (this.multipleV) {
new MutationObserver(this.onGrowVList.bind(this))
.observe(document.body, {childList : true, subtree : true});
}
},
findMV() {
return q('video');
},
init() {
document.addEventListener('DOMContentLoaded', () => {
if (v = this.findMV()) this.bindEvent();
else {
this.observer = new MutationObserver(records => {
if (v = this.findMV()) {
this.observer.disconnect();
delete this.observer;
this.bindEvent(v);
}
if (this.adsCSS) willRemove(this.adsCSS);
if (events.observe && events.observe()) delete events.observe;
});
this.observer.observe(document.body, {childList : true, subtree : true});
}
events.DOMReady && events.DOMReady();
});
}
};
let router = {
youtube() {
app.fullCSS = '.ytp-fullscreen-button';
app.playCSS = '.ytp-play-button';
app.nextCSS = '.ytp-next-button';
},
ted() {
app.fullCSS = 'button[title="Enter Fullscreen"]';
app.playCSS = 'button[title="play video"]';
},
qq() {
Object.assign(app, {
disableSpace: true,
nextCSS: '.txp_btn_next',
webfullCSS: '.txp_btn_fake',
fullCSS: '.txp_btn_fullscreen',
});
events.on('canplay', app.getVideos);
fakeUA('Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10; rv:48.0) Gecko/20100101 Firefox/48.0');
},
youku() {
if (!host.startsWith('vku.')) {
events.on('foundMV', () => {
//使用了优酷播放器YAPfY扩展
if (!app.btnFS) {
app.webfullCSS = '.ABP-Web-FullScreen';
app.fullCSS = '.ABP-FullScreen';
}
});
events.on('canplay', () => {
$$('.youku-layer-logo');//去水印。 破解1080P
w.$('.settings-item.disable').replaceWith('<div data-val=1080p class=settings-item data-eventlog=xsl>1080p</div>');
});
app.fullCSS = '.control-fullscreen-icon';
app.nextCSS = '.control-next-video';
}
},
bilibili() {
let x = localStorage.bilibili_player_settings;
if (x) {
x = JSON.parse(x);
x.video_status.highquality = true;
x.video_status.iswidescreen = true;
x.video_status.widescreensave = true;
x.setting_config.defquality = '80';
localStorage.bilibili_player_settings = JSON.stringify(x);
} else
//defquality 选择清晰度，720P：64 1080P：80 宽屏 iswidescreen
localStorage.bilibili_player_settings = `{"setting_config":{"type":"div","opacity":"1.00","fontfamily":"SimHei, 'Microsoft JhengHei'","fontfamilycustom":"","bold":false,"preventshade":false,"fontborder":0,"speedplus":"1.0","speedsync":false,"fontsize":"1.0","fullscreensync":false,"danmakunumber":50,"fullscreensend":false,"defquality":"80","sameaspanel":false},"video_status":{"autopart":1,"highquality":true,"widescreensave":true,"iswidescreen":true,"videomirror":false,"videospeed":1,"volume":1},"block":{"status":true,"type_scroll":true,"type_top":true,"type_bottom":true,"type_reverse":true,"type_guest":true,"type_color":true,"function_normal":true,"function_subtitle":true,"function_special":true,"cloud_level":2,"cloud_source_video":true,"cloud_source_partition":true,"cloud_source_all":true,"size":0,"regexp":false,"list":[]},"message":{"system":false,"bangumi":false,"news":false}}`;
const newType = path.startsWith('/video/');//false为bangumi
app.nextCSS = '.bilibili-player-video-btn-next';
app.webfullCSS = '.bilibili-player-video-web-fullscreen';
app.fullCSS = newType ? '.bilibili-player-video-btn-fullscreen' : '.bilibili-player-iconfont-fullscreen';
const _setPlayer = () => {
v = q('#bofqi video[src]');
if (!v) {
setTimeout(_setPlayer, 300);
return;
}
doClick('i.bilibili-player-iconfont-repeat.icon-24repeaton'); //关循环播放
// doClick('i[name=ctlbar_danmuku_close]');//关弹幕
// 以下4行，自动播放
if (v.readyState === 4) v.play();
else v.oncanplaythrough = ev => {
v.play();
};
if (!newType) {
x = v.closest('#bangumi_player');
x = x && x.offsetTop || 300;
window.scrollTo(0, x);
}
};
const fn = history.pushState;
history.pushState = function() {
fn.apply(this, arguments);
setTimeout(_setPlayer, 500);
};
window.addEventListener('popstate', ev => {
setTimeout(_setPlayer, 500);
});
events.on('canplay', _setPlayer);
},
sina() {
fakeUA(ua_ipad2);
},
weibo() {
app.isFixFPView = true;
app.multipleV = path.startsWith('/u/');//path.lastIndexOf('/') == 0;
},
miaopai() {
app.multipleV = path.startsWith('/u/');
},
le() {
fakeUA('Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_3) AppleWebKit/537.75.14 Version/7.0.3 Safari/7046A194A');
app.nextCSS = 'div.hv_ico_next';
app.webfullCSS = 'span.hv_ico_webfullscreen';
app.fullCSS = 'span.hv_ico_screen';
},
sohu() {
if (!path.endsWith('html')) return true;
//fakeUA(ua_samsung);
app.nextCSS = 'li.on[data-vid]+li a';
app.fullCSS = '.x-fullscreen-btn';//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 = w.vplay.videoid;
vid && location.assign(`//m.fun.tv/implay/?mid=${mid}&vid=${vid}`);
}, 99);
return true;
}
};
router.lesports = router.le;
router['163'] = router.mtime = router.sina;
router.baidu = noopFn;
if (!router[u]) { //直播站点
router = {
douyu() {
if (isEdge) fakeUA(ua_chrome);
const css = 'i.sign-spec',
inRoom = /^\/(t\/)?\w+$/.test(path); //w.$ROOM?.room_id
if (inRoom) app.findMV = () => q('#js-room-video video');
else if (host.startsWith('v.')) app.findMV = () => {
const p = w.__player;
if (!p) return;
if (p.isH5) return q('video');
p.switchPlayer('h5');
p.isH5 = 1;
}
events.on('canplay', function() {
$$(app.adsCSS);
$$(css, e=>e.parentNode.remove());
if (path==='/') return;
const player = v.parentNode.parentNode,
s = `#${player.id}>div:not([class]):not([style]), #dialog-more-video~*`;
setTimeout($$, 300, s);
setTimeout($$, 3900, s);
});
document.addEventListener('visibilitychange', ev => {
if (!document.hidden) {
$$(app.adsCSS);
$$(css, e=>e.parentNode.remove());
}
});
app.webfullCSS = inRoom ? 'div[title="网页全屏"]' : 'input[title="进入网页全屏"]';
app.fullCSS = inRoom ? 'div[title="窗口全屏"]' : 'input[title="进入全屏"]';
// .watermark-4231db, .animation_container-005ab7 +div
app.adsCSS = '.box-19fed6, [class|=recommendAD], [class|=room-ad], #js-recommand>div:nth-of-type(2)~*, #dialog-more-video~*, .no-login, .pop-zoom-container,#js-chat-notice';
},
panda() {
if (isEdge) fakeUA(ua_chrome);
localStorage.setItem('panda.tv/user/player', '{"useH5player": true}');
app.webfullCSS = '.h5player-control-bar-fullscreen';
app.fullCSS = '.h5player-control-bar-allfullscreen';
app.adsCSS = '.act-zhuxianmarch-container, #liveos-container, .ad-container, .room-banner-images';
setTimeout($$, 1900, app.adsCSS);
},
yy() {
if (!w.chrome) fakeUA(ua_chrome);
app.fullCSS = '.liveplayerToolBar-fullScreenBtn';
app.webfullCSS = '.liveplayerToolbar-cinema';
},
huya() {
if (underFirefox57) return true;
if (!w.chrome) fakeUA(ua_chrome);
app.webfullCSS = '.player-fullpage-btn';
app.fullCSS = '.player-fullscreen-btn';
app.playCSS = '#player-btn';
app.adsCSS = '#player-login-tip-wrap,#player-subscribe-wap,#wrap-income';//清爽界面,#J_spbg,.room-core-r
events.on('canplay', function() {
setTimeout($$, 900, app.adsCSS);
if (!w.TT_ROOM_DATA) return;
const ti = setInterval(() => {
if (!q("li[ibitrate='500']")) return;
clearInterval(ti);
const $ = w.$;
$(".player-videotype-list li").unbind('click')
.click(function(e) {
const li = $(this);
if (li.hasClass('on')) return;
const rate = li.attr("ibitrate");
w.vplayer.vcore.reqBitRate(rate, w.TT_ROOM_DATA.channel);
li.siblings('.on').removeClass('on');
li.addClass('on').parent().parent().hide();
$('.player-videotype-cur').text(li.text());
});
}, 500);
});
},
longzhu() {
if (!w.chrome) fakeUA(ua_chrome);
app.fullCSS = 'a.ya-screen-btn';
},
zhanqi() {
if (isEdge) fakeUA(ua_chrome);
app.fullCSS = '.video-fullscreen';
}
};
app.isLive = router[u] && !host.startsWith('v.');
}
!/panda|zhanqi|sohu/.test(u) && Object.defineProperty(navigator, 'plugins', {
get() {
return { length: 0 };
}
});
if (!router[u] || !router[u]()) app.init();