我想就Android 4.0及以上版本和Lolipop上的Phonegap应用程序使用Video标签非常无用的原因进行确认或讨论。
我正在使用Cordova 5.0或更高版本来说Phonegap 4.0,我整合了 Video JS 和普通视频标签。我已经包含了Video JS库,它需要CSS和字体。
我的代码看起来像这样:
<link rel="stylesheet" type="text/css" href="css/video-js.css">
<script type="text/javascript" src="libs/videojs/video.js"></script>
我添加了2个VideoJS初始化标签以及2个普通标签,其中包含1个在线源和1个本地嵌入源:
要观看此视频,请启用JavaScript,并考虑升级到支持HTML5视频的网络浏览器
local
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup="{}">
<source src="libs/mov_bbb.mp4" type='video/mp4' />
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>
net
<video controls src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>
local
<video controls src="libs/mov_bbb.mp4" type="video/mp4">
</video>
但问题是 4个视频中没有一个播放。他们似乎完全错了。
以下是Lolipop的截图:
这是一个真正的固定问题,因为我不明白,当phonegap和普通的android浏览器的webkits相同时,为什么会出现这样的问题。它基本上使HTML5的视频标签功能无用,因此具有相同业务逻辑的phonegap原则。
有没有可用的解决方案?或者它是一个已知的科尔多瓦问题。
谢谢, Ankit Tanna