Computer >> Máy Tính >  >> Lập trình >> Javascript

Danh sách phát video hoặc âm thanh HTML 5


Sử dụng HTML với JavaScript để thêm danh sách phát. The onended sự kiện kích hoạt khi âm thanh / video đã đạt đến cuối. Bạn có thể thêm các thông báo như “Cảm ơn bạn đã xem”, “Hãy chú ý theo dõi!”, V.v.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai onended thuộc tính -

<!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>

Bạn có thể tải clip tiếp theo trong onended sự kiện như trong mã được cung cấp bên dưới

<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 />