【问题标题】:Playing multiple video simultaneously in HTML video tag in WebView在 WebView 的 HTML 视频标签中同时播放多个视频
【发布时间】:2014-06-23 13:29:43
【问题描述】:

我创建了一个带有多个视频标签的简单 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>

【问题讨论】:

  • 也许这可以帮助你:developer.chrome.com/devtools/docs/remote-debugging 你确定它找到了 video1-4
  • 我遇到了这个问题,无法解决。一段时间后,需求发生了变化,我再也没有回来过。这是我的问题的链接:stackoverflow.com/questions/19031908/…
  • @ligi 是的,它可以找到所有视频,我也已经在 android 4.4.2 上尝试过它的工作正常,但在 android 4.2.2 中它可以一次播放一个视频

标签: android android-webview


【解决方案1】:

【讨论】:

  • 我已经尝试过上面的链接,它们只在我们使用单个视频标签时有效,但我想在 android 4.2.2 中使用多个视频标签并同时播放视频
  • @Narayansoni 我在这里看不到任何可能的解决方案。找到了吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-08-27
  • 1970-01-01
  • 1970-01-01
  • 2019-01-20
  • 1970-01-01
  • 2015-07-19
  • 2015-01-19
相关资源
最近更新 更多