HTML5 Video Playing Tools

Enable hotkeys for HTML5 playback: video screenshot; enable/disable picture-in-picture; copy cached video; send any video to full screen or browser window size; fast forward, rewind, pause/play, volume, skip to next video, skip to previous or next frame, set playback speed. Video sites supported: YouTube, TED, Youku, QQ.com, bilibili, ixigua, iQiyi, support mainstream video sites in mainland China; Live broadcasts: Twitch, Douyu.com, YY.com, Huya.com. Custom sites can be added

< Feedback on HTML5 Video Playing Tools

Review: Good - script works

§
Posted: 2017-07-16

求支持“龙珠直播”网站~谢谢!

http://www.longzhu.com
这个网站是可以实现HTML5的 我用某脚本试过 求大神也支持这个网站 我就不需要装2个脚本了 哈哈

xinggsfAuthor
§
Posted: 2017-07-17

龙珠小众,就不支持了,不过我改写过一脚本:

// ==UserScript==
// @name         hls.user.js
// @namespace    hls-user.js
// @version      0.3.3
// @description  m3u8 playback using HTML5 video and MediaSource Extensions (CORS Required!)
// @description:zh-cn 基于HTML5和MediaSource Extensions的hls/m3u8播放
// include      http://tv.cctv.com/live/*
// @include      http://*.longzhu.com/*
// @grant        none
// @run-at       document-start
// @license      MIT
// @require      https://cdn.jsdelivr.net/hls.js/latest/hls.min.js
// ==/UserScript==
'use strict';
Object.defineProperty(navigator, 'userAgent', {
    value: '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',
    writable: false,
    configurable: false,
    enumerable: true
});
//const _toArray = a => [].slice.call(a);

const makehls = v => {
    if (!(v && v.tagName === 'VIDEO')) return;
    const src = v.currentSrc || v.src;
    if (!(src && src.match('.m3u8'))) return;
    //if(!(v.error&&v.error.code==4)) return;
    const hls = new Hls();
    hls.attachMedia(v);
    hls.on(Hls.Events.MEDIA_ATTACHED, e => hls.loadSource(src));
};

//_toArray(document.getElementsByTagName('video')).forEach(makehls);
const observerFn = rec => {
    if (rec.target) {
        rec.type === 'childList' && makehls(rec.target.getElementsByTagName('video')[0]);
        makehls(rec.target);
    }
};
const mo = new MutationObserver(ms => ms.forEach(observerFn));
mo.observe(document.body || document.documentElement, {
    childList: true,
    attributes: true,
    subtree: true,
    attributeFilter: ['src']
});
§
Posted: 2017-07-17
Edited: 2017-07-17

longzhu这个脚本没有弹幕。
新加的fun用不了,显示“视频接口异常”、还有以前说的tudou电视剧问题,是不是因为不支持firefox呀

§
Posted: 2017-07-17

龙珠小众,就不支持了,不过我改写过一脚本:

// ==UserScript==
// @name         hls.user.js
// @namespace    hls-user.js
// @version      0.3.3
// @description  m3u8 playback using HTML5 video and MediaSource Extensions (CORS Required!)
// @description:zh-cn 基于HTML5和MediaSource Extensions的hls/m3u8播放
// include      http://tv.cctv.com/live/*
// @include      http://*.longzhu.com/*
// @grant        none
// @run-at       document-start
// @license      MIT
// @require      https://cdn.jsdelivr.net/hls.js/latest/hls.min.js
// ==/UserScript==
'use strict';
Object.defineProperty(navigator, 'userAgent', {
    value: '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',
    writable: false,
    configurable: false,
    enumerable: true
});
//const _toArray = a => [].slice.call(a);

const makehls = v => {
    if (!(v && v.tagName === 'VIDEO')) return;
    const src = v.currentSrc || v.src;
    if (!(src && src.match('.m3u8'))) return;
    //if(!(v.error&&v.error.code==4)) return;
    const hls = new Hls();
    hls.attachMedia(v);
    hls.on(Hls.Events.MEDIA_ATTACHED, e => hls.loadSource(src));
};

//_toArray(document.getElementsByTagName('video')).forEach(makehls);
const observerFn = rec => {
    if (rec.target) {
        rec.type === 'childList' && makehls(rec.target.getElementsByTagName('video')[0]);
        makehls(rec.target);
    }
};
const mo = new MutationObserver(ms => ms.forEach(observerFn));
mo.observe(document.body || document.documentElement, {
    childList: true,
    attributes: true,
    subtree: true,
    attributeFilter: ['src']
});

谢谢了 有用 油猴好像没效果 用Tampermonkey 就生效了

xinggsfAuthor
§
Posted: 2017-07-17
longzhu这个脚本没有弹幕。
新加的fun用不了,显示“视频接口异常”、还有以前说的tudou电视剧问题,是不是因为不支持firefox呀

fun出问题的地址?tudou火狐也没问题~有问题给出地址截图

§
Posted: 2017-07-17
Edited: 2017-07-18
fun出问题的地址?tudou火狐也没问题~有问题给出地址截图

=========================================== fun知道什么原因了,是EasyList China订阅规则 http://*&uc= 阻止了 pm.funshion.com^ 、 pu.funshion.com^ 、 pv.funshion.com^ ===========================================

tudou短视频 有脚本的播放控制条

所有tudou长视频没有脚本的播放控制条,只有自带的播放控制条,视频总时长像下面截图显示的为00:00,暂停键也无效,并且从1分06秒左右开始;而这个自带的播放控制条显示一会儿就消失不再显示了 举例的话用你上次给的:电视剧 截图: ===========================================

为了找出原因,我只安装了 1.扩展:Tampermonkey、userChromeJS、Adblock Plus 把userChromeJS扩展换成UC扩展也一样。是不是文件userChrome.js的版本问题呢?如果是,应该用哪个userChrome.js,给个下载地址可以吗 用了Adblock plus 后知道要阻止这样的url,否则显示“该视频只能在客户端观看”: http://mf.atm.youku.com/mf^

2.脚本用的你的 https://raw.githubusercontent.com/xinggsf/uc/master/UserAgentChanger.uc.js https://raw.githubusercontent.com/xinggsf/uc/master/_userAgentChange.js 添加了tudou规则: {url : /^https?:\/\/video.tudou.com\/v\/.+.html/, Name : "Android"},

另外.userChromeJS扩展或UC扩展、UserAgentChanger.uc.js和_userAgentChange.js脚本是有效的 到tudou长视频播放页面时会显示使用了 Andriod UA:

tudou火狐没问题的话,按照我上面说的,我这里长视频为什么没有播放控制条?能帮我一下吗,我实在不知道是什么原因。拜托了

§
Posted: 2017-07-17
Edited: 2017-07-18

偶尔也显示视频时间总长度,也能暂停。但不是脚本的播放控制条,是系统自带的播放控制条。
但出现这种情况的时候极少,出现后再刷新又不行了。好不容易截了个图:

xinggsfAuthor
§
Posted: 2017-07-18
Edited: 2017-07-18
偶尔也显示视频时间总长度,也能暂停。但不是脚本的播放控制条,是系统自带的播放控制条。
但出现这种情况的时候极少,出现后再刷新又不行了。好不容易截了个图

土豆H5播放器自带的控制条,暂停就会出现,不过它的控制基本没什么用
为什么脚本不把它换成原生控制条,是因为这是分段视频,放完一段其地址就换了

§
Posted: 2017-07-18
Edited: 2017-07-18

土豆H5播放器自带的控制条,暂停就会出现,不过它的控制基本没什么用
为什么脚本不把它换成原生控制条,是因为这是分段视频,放完一段其地址就换了

我就是想问脚本对长视频应该是无效的吧,tudou火狐是有问题还是没问题呀,如果没问题,我怎么在长视频上没法调用脚本的H5播放器控制条,且原生控制条没法暂停呀
我是想解决这个问题

我上面回帖说的八仙过海的两个截图都是原生控制条吧,第一个八仙过海截图即时间显示 01:09/00:00的,就无法暂停。无法暂停的情况出现几率几乎是99.999……%,第二个01:12/49:42可以暂停的情况是撞大运撞到才截下来的图

Post reply

Sign in to post a reply.