HTML 5视频或音频播放列表

前端开发教程 2025-02-06 0

使用 HTML 和 JavaScript 添加播放列表。当音频/视频结束时，onending事件会触发。您可以添加“感谢您观看”、“敬请关注！”等消息

示例

您可以尝试运行以下代码来实现onend 属性 –

<!DOCTYPE HTML>
<html>
   <body>
      <video width = 300 height = 200 controls onended = display()>
         <source src = /html5/foo.ogg type = video/ogg />
         Your browser does not support the video element.
      </video>
      <script>
         function display() {
            alert (Thank you for watching! Stay tuned!);
         }
      </script>
   </body>
</html>

您可以在onending 事件中加载下一个剪辑，如下面给出的代码所示

<script >
   var next = path/of/next/video.mp4;
   var video = document.getElementById('video');
   video.onended = function(){
   video.src = next;
}
</script>
<video id = video src = path/of/current/video.mp4 autoplayautobuffer controls />

以上就是HTML 5视频或音频播放列表的详细内容，更多请关注双恒网络其它相关文章！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。