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

时间:2011-04-27 15:20:32

标签: android html5 video cordova

据:

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>

这是对的吗,你能给我一份完整的样品吗?

2 个答案:

答案 0 :(得分:2)

Android设备不支持HTML5视频标记,因为它在Android的WebView中不起作用。在我的Android 3.2平板电脑设备上,视频标签在常规Chrome浏览器中运行良好,但在我尝试运行PhoneGap包裹的相同应用程序时出现以下错误,我只能听到声音(视频没有显示):< / p>

call to OpenGL ES API with no current context

您可以在此处找到有关此问题的讨论:http://comments.gmane.org/gmane.comp.handhelds.phonegap/19275

此问题的当前解决方案是使用原生Android媒体播放器(通过VideoView)播放视频。 有几个开源的PhoneGap插件可以帮助你解决这个问题。

如果您需要更多相关信息,请与我们联系。

答案 1 :(得分:0)

要检查的三件事:

  • 它适用于您的PC浏览器吗? (你确定浏览器支持HTML5吗?)
  • 源视频与.html文件位于同一目录中吗?你的推荐是相对的,所以这很重要。
  • 视频本身是否正常播放?媒体文件的编码可能很棘手。