สร้างเพลย์ลิสต์วิดีโอ/ออดิโอ HTML5 ด้วย JavaScript

ใช้ Event onended สำหรับเล่นต่อเนื่อง

เมื่อวิดีโอ/ออดิโอจบ จะยิง event onended สามารถโหลดคลิปถัดไปได้

ตัวอย่างแจ้งเตือนเมื่อจบ

<video width="300" height="200" controls onended="display()">
  <source src="/html5/foo.ogg" type="video/ogg" />
</video>
<script>
function display() {
    alert("Thank you for watching! Stay tuned!");
}
</script>

ตัวอย่างเล่นวิดีโอถัดไปอัตโนมัติ

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