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