HTML5循环4视频后结束之前的视频在phoneGap android应用程序不工作

HTML5 looping 4 videos after end previous video not working in phoneGap android application

本文关键字：phoneGap android 应用程序 工作 的视频 循环 视频 结束 HTML5      更新时间：2023-09-26

我使用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>

CCD_ 5使用

$("#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();
});

它起作用了！！

相关文章：