jQuery控制video视频（快进，回退，倍速播放等）

<script>$(function(){var button = $('button');var video = $('video')[0]console.log(video);console.log(button);button.click(  function(){// console.log($(this));if($(this).text() ==='播放'){video.play()}if($(this).text() ==='暂停'){video.pause()}if($(this).text() ==='切换'){if(video.paused){video.play()}else{video.pause()}}if($(this).text() ==='音量+'){video.volume = (video.volume>0.9?0.9:video.volume)+0.1}if($(this).text() ==='音量-'){video.volume = (video.volume<0.1?0.1:video.volume)-0.1}if($(this).text() ==='快进'){video.currentTime+=5;}if($(this).text() ==='回退'){video.currentTime-=5;}if($(this).text() ==='倍速播放'){video.playbackRate = 5;}})video.onvolumechange=function(){console.log(video.volume);if(video.volume>0.5){alert('如果继续提高音量，会损伤耳朵！')}}})</script>

<body><video src="./音视频/1.mp4" controls  poster="./音视频/长权.jpg"></video><button>播放</button><button>暂停</button><button>切换</button><button>音量+</button><button>音量-</button><button>快进</button><button>回退</button><button>倍速播放</button>
</body>

jQuery控制video视频（快进，回退，倍速播放等）相关推荐

安卓平板倍速_推荐：安卓上本地音频播放器，可实现5秒快进快退和倍速播放...
前一篇文章推荐过一个app,但那app没倍速播放功能.我又找到了一个更完美的app 安卓手机上我自己需要这样一款app,主要用来听电子书,知识音频等.需要能实现快进快退几秒钟的以及倍速播放功能.这功能 ...
video视频快进拖动限制
简述通过使用流媒体形式分段加载视频,调取的是m3u8格式文件,再根据文件ts路径请求资源,然后转码播放: hls之m3u8.ts流格式详解拖动本次使用的是video的官方事件来操作的 seeki ...
美和易思 MOOT去鼠标检测，快进，倍速，自动下一章
F12 放到 console 直接运行即可或者油猴添加新脚本核心去除网页绑定焦点事件代码: if (!-[1,] && !window.XMLHttpRequest || navi ...
百度云视频利用chrome进行倍速播放
F12打开审查模式,选择console,复制下面代码并回车 videojs.getPlayers("video-player").html5player.tech_.setPlay ...
谷歌浏览器视频加速淘宝倍速播放
https://zhuanlan.zhihu.com/p/76574828 注意一定要解压
被限制的ckplayer播放器如何实现倍速播放和快进
很多网络教育视频都喜欢用ckplayer播放器,ckplayer是开源的,可以限制学员拖曳进度条和倍速播放.下面介绍ckplayer两个BUG: 1.F12 进入开发者模式,在控制台console输入 ...
Silverlight 5 beta新特性探索系列:9.视频快进快退和TextSearch对象对文字项查询
本节讲诉两个新特性:一.在Silverlight 5中可以控制MediaElement对象播放的视频进行快进快退控制.二.在Silverlight 5中的文字项进行搜索查询. 一.对于MediaEle ...
小程序禁止左右拖动_网课视频快进小技巧
目前很多网课教程网站都是采取播放内嵌Flash视频课件进行教学的方式,且绝大部分屏蔽了视频快进(倍进)播放功能,只能等待整段视频缓冲完成后才可对视频时间轴进度条进行拖拽操作,加上网站课件视频缓冲速度较 ...
Windows及Android倍速播放视频软件下载
1. 关键字 Windows及Android倍速播放视频软件下载.电脑/手机好用的倍速播放视频软件推荐. 2. 本文地址博客园:https://www.cnblogs.com/coco56/p/11 ...
腾讯视频真实下载地址_腾讯视频如何多倍速播放视频
腾讯视频官网版是一款专注视频播放的客户端软件,您可运行腾讯视频,在线享受奇艺网站内全部免费高清正版视频.腾讯视频视频播放器内容丰富,影视更新快,包含腾讯视频所有的视频内容,在线享受腾讯视频站内全部免费 ...

jQuery控制video视频（快进，回退，倍速播放等）

jQuery控制video视频（快进，回退，倍速播放等）相关推荐

最新文章

热门文章