Question

我创建了一个包含多个视频标签的简单HTML页面。尝试在Android 4.2.2的原生WebView上同时播放所有视频。但它适用于Android 4.2.2的Chrome浏览器。还试图在我的应用程序中使用GitHub chrome-webview捆绑使用android-chrome WebView类对象而不是本地webkit-engine/webview。它在HTML页面上显示播放器，但任何视频都无法播放。

我不明白为什么会发生这种情况，因为我甚至尝试过chrome-webview代码并获得相同的结果，请为我提供一些解决方案或替代方案。

我可以分享我的HTML代码

<!DOCTYPE html>
<html>
<head>
  <script>
    function init() {
      enableVideoClicks();
    }

    function enableVideoClicks() {
      var videos = document.getElementsByTagName('video') || [];
      for (var i = 0; i < videos.length; i++) {
        // TODO: use attachEvent in IE
        videos[i].addEventListener('click', function(videoNode) {
          return function() {
            videoNode.play();
          };
        }(videos[i]));
      }
    }
  </script>
</head>
<body onload="init()">


  <video src="movie1.mp4" poster = "l.jpg" width="400" height="300" autoplay controls loop></video>
  <video src="movie2.mp4" poster = "l.jpg" width="400" height="300" autoplay controls loop></video>
  <video src="movie3.mp4" poster = "l.jpg" width="400" height="300" autoplay controls loop></video>



  ...

</body>
</html>

Answer 1

是的可能。有关更多信息，请参阅以下答案：

Enabling HTML5 video playback in android WebView?

Playing HTML5 video on fullscreen in android webview

WebView and HTML5 <video>

在WebView中的HTML视频标记中同时播放多个视频

1 个答案: