HTML5播放器增强脚本

html-css026

HTML5播放器增强脚本,第1张

这是一个可以用来增强HTML5播放器的油猴脚本，它除了可以对百度云网盘视频进行加速播放以外，还能提供其他播放增强功能。 速度调节：对百度云网盘视频进行加速、减速播放； 播放时间定位：视频快进、快退、上一帧、下一帧； 图像参数调节：对视频亮度、对比度、饱和度等进行调节； 画面调整：90度旋转等。 在greasyfork网站上安装HTML5播放器增强脚本 接下来，打开百度云盘的视频播放页面，就可以通过快捷键对它进行操作了。 其中按键C是加速播放 +0.1，按键X是减速播放 -0.1，其他快捷键说明请查看脚本详情页。 以上方法仅针对谷歌浏览器和Chromium内核的浏览器，火狐浏览器则可以直接登录百度网盘网页版，打开视频，然后鼠标右击就可以选择播放速度了油猴脚本安装地址：https://kobuchi.cn/web/538

Html5支持iPhone触屏的脚本写法是利用touch事件方法。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。下面具体说明：touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档中并没有具体说明，咱们只能去猜测了。示例代码如下：function load (){ document.addEventListener('touchstart',touch, false) document.addEventListener('touchmove',touch, false) document.addEventListener('touchend',touch, false) function touch (event){ var event = event window.event var oInp = document.getElementById("inp") switch(event.type){ case "touchstart": oInp.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")" break case "touchend": oInp.innerHTML = "<br/>Touch end (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")" break case "touchmove": event.preventDefault() oInp.innerHTML = "<br/>Touch moved (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")" break } }}window.addEventListener('load',load, false)