[英]HTML5 looping 4 videos after end previous video not working in phoneGap android application
我将PhoneGap用于Android应用程序,将HTML5视频标签用于在应用程序中播放视频。 视频正在通过手机SD卡播放
HTML:
<video id="homevideo" width="100%" controls>
<source type="video/m4v" src="file:///mnt/ext_card/app/test1.m4v" >
</video>
脚本:
var videoPlayer;
var video_count = 1;
document.addEventListener("deviceready", videoplay, false);
function videoplay(){
videoPlayer = document.getElementById("homevideo");
videoPlayer.play();
}
videoPlayer.onended = function(e) {
video_count++;
if (video_count == 4) video_count = 1;
var nextVideo = "file:///mnt/ext_card/app/test"+video_count+".m4v";
videoPlayer.src = nextVideo;
videoPlayer.play();
}
我也用addEventListener
循环
videoPlayer.addEventListener("ended", function (){
video_count++;
if (video_count == 4) video_count = 1;
var nextVideo = "file:///mnt/ext_card/app/advertisements/test"+video_count+".m4v";
videoPlayer.src = nextVideo;
videoPlayer.play();
}, false);
仅播放了一个视频,但没有循环播放...在上一个视频合成之后,如何逐个循环播放视频?
可以使用jQuery ...
我刚刚尝试使用Javascript
jQuery
即时操作,现在...
在head
添加了JQuery库
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
和使用的script
$("#homevideo").bind('ended', function(){
video_count++;
if (video_count == 4) video_count = 1;
var nextVideo = "file:///mnt/ext_card/app/advertisements/test"+video_count+".m4v";
videoPlayer.src = nextVideo;
videoPlayer.play();
});
它的工作!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.