[英]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.