JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理

JavaScript010

JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理,第1张

 (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)

jsvideo默认播放没有声音原因如下:

1.声音播放的默认设备不是你的声卡设备。可以进“控制面板”--“声音和音频设备”在弹出的对话框中选择语声,可以查看你的声音播放的默认设备是不是正常,也可以测试各个音频设备。

2.检查你播放程序的解码器是否正常。很怀疑你是安装了某个播放软件,解码器不兼容导致的无声,比如说Realplay11的cook.dll就会造成KMPlayer播放器无声,不知道你,建议你删除不必要的程序,保留一个音乐播放器一个视频播放器比较好。

3.声卡驱动被破坏,建议你进安全模式删除驱动后,在重新安装原装驱动.