在WebView的HTML video标签中同时播放多个视频
在WebView的HTML video标签中同时播放多个视频
提问于 2014-06-23 21:29:43
我创建了一个简单的带有多个视频标记的超文本标记语言页面&试图在Android4.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>回答 1
Stack Overflow用户
发布于 2014-07-18 20:09:41
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24367235
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号