javascript - html5 视频标签在 android phonegap 中不起作用

标签 javascript jquery html cordova

我已经在 android phonegap 中创建了应用程序。我想使用 html5 视频播放器播放视频。我的代码是:

<!DOCTYPE html>
<html>
    <head>
      <title>Video.js | HTML5 Video Player</title>
      <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet" type="text/css"> 
      <script src="http://vjs.zencdn.net/c/video.js"></script>
    </head>
    <body>
      <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup='{"controls":true}'>
        <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
        <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
        <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
      </video>
    </body>
</html> 

这段代码显示了视频播放器。但是点击播放按钮时视频没有播放。出了什么问题? 请指导我。提前致谢。

最佳答案

除了 ghostCoder 下面所说的(添加点击处理程序来播放您需要为 Android 执行的视频)之外,还尝试删除 type='video/mp4' 因为这有时会使 Android 感到困惑。

关于javascript - html5 视频标签在 android phonegap 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9716526/

相关文章:

javascript - 预制尚未显示 HTML 元素?

html - CSS 影响特定字符之前的所有文本

javascript - JS 克尼克斯 : getting foreign keys for a table

javascript - 如果满足条件,停止 Gulp 任务

javascript - AngularJs 按列值将结果分隔成 Div

javascript - ckeditor 将样式应用于选择

jquery-ui - 使用jquery进行jsp ajax调用

jquery - 如何创建在页面到达末尾时滚动到 View 中的页脚

javascript - Angularjs 文本区域验证需要并显示错误消息

html - 根据内容展开DIV