如何在带有PhoneGap框架的Android中使用Html5的视频标签答案

【问题标题】：How to use Html5's video tag in Android with PhoneGap framework如何在带有PhoneGap框架的Android中使用Html5的视频标签
【发布时间】：2011-04-27 15:20:32
【问题描述】：

根据：

HTML5 <video> element on Android

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
var video = document.getElementById('video');
video.addEventListener('click',function(){
 video.play();
},false);
</script>
</head>
<body>
<video id="video" autobuffer height="240" width="360">
<source src="BigBuck.m4v">
<source src="BigBuck.webm" type="video/webm">
<source src="BigBuck.theora.ogv" type="video/ogg">
</video>
</body>
</html>

是这样吗，你能给我一个完整的样本吗？

【问题讨论】：

不清楚您的问题的性质是什么。你测试过这段代码吗？如果是这样，具体是什么行为不符合您的预期？

标签： android html video cordova

【解决方案1】：

Android 设备不支持 HTML5 视频标签，因为它在 Android 的 WebView 中不起作用。在我的 Android 3.2 平板设备上，视频标签在常规 Chrome 浏览器中运行良好，但当我尝试运行由 PhoneGap 包装的相同应用程序时出现以下错误，我只能听到声音（视频未显示）：

call to OpenGL ES API with no current context

你可以在这里找到关于这个问题的讨论：http://comments.gmane.org/gmane.comp.handhelds.phonegap/19275

目前针对此问题的解决方案是使用原生 Android 媒体播放器（通过 VideoView）播放视频。有几个开源的 PhoneGap 插件可以帮助您。

如果您需要有关此的更多信息，请告诉我。

【讨论】：

你有更多关于 VideoView 或那些 PhoneGap 插件的信息吗？谢谢。

【解决方案2】：

要检查的三件事：

它可以在您的 PC 浏览器上运行吗？（你确定浏览器支持 HTML5 吗？）
源视频是否与 .html 文件位于同一目录中？您的参考资料是相对的，因此这一点很重要。
视频本身可以正常播放吗？媒体文件的编码可能很棘手。

【讨论】：