PHP前端开发

html5返回音频/视频是否已结束的属性ended

百变鹏仔 2个月前 (10-18) #H5教程
文章标签 属性

实例

检查视频播放是否已结束:

myVid=document.getElementById("video1");alert(myVid.ended);

定义和用法

ended 属性返回音频/视频是否已结束。

如果播放位置位于音频/视频的结尾时,则音频/视频已结束。

浏览器支持

所有主流浏览器都支持 ended 属性。

注释:Internet Explorer 8 或更早的浏览器不支持该属性。

立即学习“前端免费学习笔记(深入)”;

语法

audio|video.ended

返回值

类型描述
布尔值true|false。如果播放已结束,则返回 true。否则返回 false。

实例

检查视频播放是否已结束:

<!DOCTYPE html> <html> <body> <p><button onclick="hasVidEnded()" type="button">该视频播放是否已结束?</button></p><video id="video1" controls="controls"><source src="/kf51/demo/mov_bbb.mp4" type="video/mp4"><source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">您的浏览器不支持 video 标签。</video><script>var myVid = document.getElementById("video1");function hasVidEnded() { alert(myVid.ended);} </script> </body> </html>