然后这个是主要的js方法:
function Orderprocessing1(){
var vid = document.getElementById("myVideo")//获取音频对象
var start = 0//定义循环的变量
var times=3//定于循环的次数
vid.addEventListener("ended",function() {
vid.play()//启动音频,也就是播放
start++//循环
start == times &&vid.pause()//也就是当循环的变量等于次数的时候,就会终止循环并且关掉音频
})
vid.play()//启动音频,用于第一次启动
}
如果你想调用这个方法可以写一个click事件,或者写个js方法调用:
$(function(){
setInterval("Orderprocessing1()",60000)//每隔1分钟自动调用一次启动音频的方法
})
本人也是菜鸟一个,写这些只为整理下来以后自己看
有 ended 事件,改写一个这个方法播放下一集即可:ended EVENT:
Fired when the end of the media resource is reached (currentTime == duration)
再:
src( [source] )
myPlayer.src("http://www.example.com/path/to/video.mp4")
More:
https://github.com/videojs/video.js/blob/stable/docs/api/vjs.Player.md#ended-event
(1)HTML页面视频标签大体如下
<video id="video"controls="controls">
<source src="./video/2.mp4" type="video/mp4" />
</video>
(2)视频加载后获取视频的长度
varelevideo = document.getElementById("video")
elevideo.addEventListener('loadedmetadata', function () {//加载数据
//视频的总长度 console.log(elevideo.duration)
})
(3)视频开始播放
varelevideo = document.getElementById("video")
elevideo.addEventListener('play', function () {//播放开始执行的函数
console.log("开始播放")
})
(4) 视频正在播放中
varelevideo = document.getElementById("video")
elevideo.addEventListener('playing', function () {//播放中console.log("播放中")
})
(5)视频加载中
varelevideo = document.getElementById("video")
elevideo.addEventListener('waiting', function () {//加载
console.log("加载中")
})
(6)视频暂停播放
varelevideo = document.getElementById("video")
elevideo.addEventListener('pause', function () {//暂停开始执行的函数
console.log("暂停播放")
})
(7)视频结束播放
varelevideo = document.getElementById("video")
elevideo.addEventListener('ended', function () {//结束
console.log("播放结束")
}, false)