Phonegap VideoJS Android 4.0 +无效

时间:2015-05-27 05:12:42

标签: android cordova video phonegap-plugins video.js

我想就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的截图:

Screenshot of how VideoJS tag appears

Screenshot of how normal Video tag appears

Screenshot of VideoJS tag when playing sources from internet and locally.

Screenshot of how normal video tag appears when clicked play button

这是一个真正的固定问题,因为我不明白,当phonegap和普通的android浏览器的webkits相同时,为什么会出现这样的问题。它基本上使HTML5的视频标签功能无用,因此具有相同业务逻辑的phonegap原则。

有没有可用的解决方案?或者它是一个已知的科尔多瓦问题。

谢谢, Ankit Tanna

0 个答案:

没有答案