android - 在 WebView 的 HTML 视频标签中同时播放多个视频

标签 android android-webview

我创建了一个带有多个视频标签的简单 HTML 页面,并尝试在 Android 4.2.2 的原生 WebView 上同时播放所有视频。然而,它适用于 Android 4.2.2 的 Chrome 浏览器。还尝试在我的应用程序中从 GitHub 中 bundle chrome-webview 以使用 android-chrome WebView 类对象而不是 native 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 - 在 WebView 的 HTML 视频标签中同时播放多个视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24367235/

相关文章:

android - 链接两个用 c++_static 构建的库

android - 任务 ':app:mergeDebugResources' 的 Flutter 构建失败

java - 如何检查我们是否应该去谷歌搜索或只是简单的加载网址

android - 摄像头未在 WebView 中打开

java - Android使用本地CSS显示html字符串

Android:在 AsyncTask 内部或单独的 Rest API 调用代码中分离?

java - 并排同步两个ListViews Android

java - 如何使用 Android Webview 检查链接是否离线或损坏?

android - 在android的webview中显示pdf

android - 对话框动画被 webview : android bug? 弄乱了