JSFiddle - React, Tailwind, and code Playground

by Vuthy Sok

HTML

<video id="homevideo" width="100%" autoplay onended="run()">
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
</video>
<ul>
    <li>http://www.w3schools.com/html/mov_bbb.mp4</li>
	<li>http://www.w3schools.com/html/movie.mp4</li>	
</ul>

<script type="text/javascript">
video_count = 0;
videoPlayer = document.getElementById("homevideo");

function run(){
    video_count++;
	var countVideo = $('li').length;
	
	if (video_count == countVideo) video_count = 0;	
	var nextVideo = $('li').eq(video_count).text();
	
	videoPlayer.src = nextVideo;
	videoPlayer.play();
		
};
</script>

CSS

ul {
		display:none;
	}