js控制video的播放和暂停
2016-07-01 10:28
453 查看
var videoEl = document.querySelector('video')
videoEl.addEventListener('play', function () {
var vTime = videoEl.currentTime
if (vTime > 12) { //视频播放到12秒需要执行操作
videoEl.currentTime = 0
}
if (vTime == total_vtime) {
//视频播放完需要执行操作
}
})
videoEl.addEventListener('timeupdate', function () {
var vTime = videoEl.currentTime;
var total_vtime = videoEl.duration;
if (vTime ==total_vtime) {
//视频播放完需要执行操作
//videoEl.currentTime = 0
//videoEl.pause()//播放暂停
}
})
videoEl.addEventListener('play', function () {
var vTime = videoEl.currentTime
if (vTime > 12) { //视频播放到12秒需要执行操作
videoEl.currentTime = 0
}
if (vTime == total_vtime) {
//视频播放完需要执行操作
}
})
videoEl.addEventListener('timeupdate', function () {
var vTime = videoEl.currentTime;
var total_vtime = videoEl.duration;
if (vTime ==total_vtime) {
//视频播放完需要执行操作
//videoEl.currentTime = 0
//videoEl.pause()//播放暂停
}
})
相关文章推荐
- Javascript异步编程的4种方法
- js合计
- JavaScript中Number类型,Number,parseInt转换函数特殊情况总结
- js获取日期时间
- JavaScript中的函数
- js中cookie的读取、添加和修改
- json字符串转化为对象
- Jsp,EL表达式的入门
- JSP标签
- 【JavaScript】匿名函数和闭包
- 《JavaScript权威指南》——语法
- js中document.write()使用的两大方面
- JavaScript学习 CodeWars 打怪升级日记 判断输入字符串是否符合IPv4地址标准
- extjs面板布局报错:No center region defined in BorderLayout
- href=”javascript:void(0);的作用, href="#"和 href="###"
- JS交互
- 全面了解JavaScript的数据类型转换
- Intellij IDEA项目中遇到json-default发红的解决办法
- Hammer.js
- 全面解析JS字符串和正则表达式中的match、replace、exec等函数