Breaking News: Grepper is joining You.com. Read the official announcement!

Video Playlist in .net Core

Dr. Vivek Koppikar answered on January 19, 2023 Popularity 3/10 Helpfulness 1/10

answer Video Playlist in .net Core

Video Playlist in .net Core

Comment

You can play multiple videos one after another in a loop using HTML5 and javascript.

Using "ended" event you can detect when a HTML5 <video> element has finished playing.

Steps:

Place the HTML5 video tag inside the body.You can also add "autoplay" attributes to start playing automatically.

<video controls id="myVideo" >
  
   </video>
Then you can store the videos using an array. 

var videoSource = new Array();
videoSource[0]='video/video.m4v';
videoSource[1]='video/BigBuck.m4v';
var videoCount = videoSource.length;
You can add the first video src by using Javascript.

document.getElementById("myVideo").setAttribute("src",videoSource[0]);
Create a function to load and play the videos.

function videoPlay(videoNum)
    {
document.getElementById("myVideo").setAttribute("src",videoSource[videoNum]);
document.getElementById("myVideo").load();
document.getElementById("myVideo").play();
    }
Then you can add an event listener with 'ended' as first parameter which detects the completion of the event.

document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler() {
i++;
if(i == (videoCount-1)){
i = 0;
videoPlay(i);
}
else{
videoPlay(i);
}
        
       }

Popularity 3/10 Helpfulness 1/10 Language csharp

Source: Grepper

Tags: .net-core c# playlist video

Link to this answer
Share Copy Link

Contributed on Jan 19 2023

Dr. Vivek Koppikar

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Video Playlist in .net Core

Contents

More Related Answers

Video Playlist in .net Core

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.