如何使用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