如何使用HTML5的视频标签在Android中使用的PhoneGap框架

<!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>

这是正确的，你能不能给我一个完整的样本？

来源

2011-04-27 cdy51223

目前还不清楚问题的性质。你测试了这段代码吗？如果是这样，具体哪个行为没有你期望的那样？ – avoision 2011-04-27 15:37:06

它无法显示视频 – cdy51223 2011-04-28 01:25:33

三件事来检查：

是否在PC浏览器的工作？（你确定浏览器支持HTML5吗？）
源视频与.html文件位于同一目录吗？你的引用是相对的，所以这很重要。
视频本身播放是否正确？媒体文件的编码可能会非常棘手。

来源

2011-04-28 06:48:23

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插件可以帮助你做到这一点。

如果您需要更多关于此的信息，请让我知道。

来源

2012-01-11 15:58:56 dearwish

您是否获得了有关VideoView或PhoneGap插件的更多信息？谢谢。 – micflan 2012-04-01 06:40:13

如何使用HTML5的视频标签在Android中使用的PhoneGap框架

回答

相关问题