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

问题描述 投票:5回答:1

我创建了一个带有多个视频标签的简单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>
android android-webview
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.