HTML5实现两个视频循环播放！
2016-11-23 22:56
806 查看
<!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结合flash实现视频文件在所有主流浏览器兼容播放
- 安卓webview html5 自动播放本地视频，网上视频，可以循环播放
- Webkit中HTML5 Video的实现分析 (四) - 视频加载及播放的时序图
- 使用html5实现rstp视频流播放
- html5-video视频标签播放视频实现过程中遇到的一系列问题。
- HTML5 audio与video标签实现视频播放，音频播放
- html5实现视频播放<video>
- WPF 实现视频循环播放
- HTML5-video标签-实现点击预览图播放或暂停视频
- Android如何让WebView中的HTML5页面实现视频全屏播放
- C# WPF 用MediaElement控件实现视频循环播放
- HTML5 audio与video标签实现视频播放，音频播放
- html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
- ios视频循环播放实现
- video JS实现多视频循环播放
- web项目引用html5 video标签实现视频播放的坑
- C# 使用WPF 用MediaElement控件实现视频循环播放
- html5结合flash实现视频文件在所有主流浏览器兼容播放
- VideoView中实现循环播放视频的问题