如何使用Html5';基于PhoneGap框架的Android视频标签
根据:如何使用Html5';基于PhoneGap框架的Android视频标签,android,html,video,cordova,Android,Html,Video,Cordova,根据: var video=document.getElementById('video'); video.addEventListener('click',function(){ video.play(); },假); 是这样吗,你能给我一个完整的样品吗 要检查三件事: 它在你电脑的浏览器上工作吗?(您确定浏览器支持HTML5吗?) 源视频是否与.html文件位于同一目录中?你的推荐信是相对的,所以这很重要 视频本身播放正确吗?媒体文件的编码可能很棘手 Android设备不支持HTML
var video=document.getElementById('video');
video.addEventListener('click',function(){
video.play();
},假);
是这样吗,你能给我一个完整的样品吗 要检查三件事:
- 它在你电脑的浏览器上工作吗?(您确定浏览器支持HTML5吗?)
- 源视频是否与.html文件位于同一目录中?你的推荐信是相对的,所以这很重要
- 视频本身播放正确吗?媒体文件的编码可能很棘手
- Android设备不支持HTML5视频标签,因为它在Android的WebView中不起作用。在我的Android 3.2平板电脑设备上,视频标签在普通的Chrome浏览器中运行良好,但当我尝试运行由PhoneGap包装的相同应用程序时,出现以下错误,我只能听到声音(视频未播放):
您可以在此处找到有关此问题的讨论:
当前解决此问题的方法是使用本机Android媒体播放器(通过VideoView)播放视频。
有几个开源PhoneGap插件可以帮助您实现这一点
如果您需要更多信息,请告诉我。您的问题性质尚不清楚。你测试过这个代码吗?如果是这样的话,有什么事情没有达到你的预期?你有关于VideoView或那些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>
call to OpenGL ES API with no current context