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

Nar*_*oni 5 android android-webview

我创建了一个带有多个视频标签的简单HTML页面,并尝试在WebViewAndroid 4.2.2 本机上同时播放所有视频.但它适用于Android 4.2.2的Chrome浏览器.还尝试chrome-webview从我的应用程序中的GitHub捆绑使用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>
Run Code Online (Sandbox Code Playgroud)