Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

เพลย์ลิสต์วิดีโอหรือเสียง HTML 5


ใช้ HTML กับ JavaScript เพื่อเพิ่มเพลย์ลิสต์ เปิดแล้ว เหตุการณ์จะเริ่มขึ้นเมื่อเสียง/วิดีโอสิ้นสุดลง คุณสามารถเพิ่มข้อความเช่น "ขอบคุณสำหรับการรับชม", "คอยติดตาม!" ฯลฯ

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน 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>

คุณสามารถโหลดคลิปต่อไปได้ใน onended เหตุการณ์เหมือนในโค้ดด้านล่างที่ให้มา

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