1

我目前正在开发具有一些本机和 html5 功能的应用程序。流式传输的内容将在 webview 中加载。

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

我让它在我的 chrome 网络浏览器上运行。但由于某种原因，它无法在 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 设备上使用它，谢谢。

4

0 回答 0