HTML5实现两个视频循环播放！

Posted Demo233

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5实现两个视频循环播放！相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>循环播放</title>
</head>
<script type="text/javascript">
    window.onload = function(){
        var index = 0;
        var video = document.getElementById("videoID");
            video.onended = function() 
            {
                if(index){
                    index = 0;
                    video.src="222.mp4";
                }else{
                    index = 1;
                    video.src="221.mp4";
                }        
            };
    }
    
</script>
<body>
<video id="videoID" src="222.mp4" autoplay controls="controls" ></video>
</body>

以上是关于HTML5实现两个视频循环播放！的主要内容，如果未能解决你的问题，请参考以下文章

在 HTML5 Video 中，如何播放长视频中的小片段？

限制 HTML5 视频的播放次数

循环播放 HTML5 视频，

HTML5 视频不会在 Android 设备上循环播放

如何在 DOM 之后加载视频 HTML5 并循环播放？

video JS实现多视频循环播放