HTML 5 video or audio playlist

HTMLJavascriptProgramming Scripts

Use HTML with JavaScript to add playlist. The onended event fires when the audio/video has reached the end. You can add messages like “Thank you for watching”, “Stay tuned!”, etc


You can try to run the following code to implement the onended attribute −

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

You could load the next clip in the onended event like in the below-given code

<script >
   var next = "path/of/next/video.mp4";
   var video = document.getElementById('video');
   video.onended = function(){
   video.src = next;
<video id = "video" src = "path/of/current/video.mp4" autoplayautobuffer controls />
Published on 21-Mar-2018 11:28:39