js中怎么让音频重复播放

JavaScript011

js中怎么让音频重复播放,第1张

然后这个是主要的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)