Question

我目前正在开发一款具有原生和html5功能的应用。流式内容将加载到webview中。

我需要一个带有播放列表，自动播放和自动重复（循环播放）的html5视频播放器。

我在Chrome webbrowser上工作了。但由于某些原因，它无法在Android上的webview中工作。

<video id="awesome_video" width="100%" height="100%" src="video/video.mp4" autoplay />

        <script type="text/javascript">
          var index = 1,
              playlist = ["video/video.mp4", "video/video2.mp4"],
              video = document.getElementById('awesome_video');

          video.addEventListener('ended', rotate_video, false);

          function rotate_video() {
            video.setAttribute('src', playlist[index]);
            video.load();
            index++;
            if (index >= playlist.length) { index = 0; }
          }
        </script>

在Android上它不会自动启动，当我触摸屏幕播放时需要一些时间来缓冲。但之后没有显示视频。

我知道一个适用于android的重复功能：

video.addEventListener('ended', function() 
{ 
   video.currentTime=0.1;
   video.play(); 
}

在我的Android应用程序中，我已经将我的webview设置为chromeclient：

mWebView = (WebView) findViewById(R.id.wvMain);     
mWebView.setWebChromeClient(new WebChromeClient());

我可以在没有播放列表和自动播放的情况下工作（只重复播放一个视频）。

希望有人知道如何在Android设备上运行，thx。

html5视频播放列表android

0 个答案: