1

AndroidアプリケーションにはPhoneGapを使用し、アプリケーションでビデオを再生するには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); 

再生されたビデオは 1 つだけですが、ループしていません...前のビデオのコンパイル後にビデオを 1 つずつループするにはどうすればよいですか?

4

1 に答える 1

0

これをjQueryで作業しました...

私は今、その作業jQueryの瞬間を試してみましたJavascript...

に JQuery ライブラリを追加head

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

その作業!!

于 2013-06-27T13:44:44.603 に答える