4

现在花了太多时间在这上面，有没有人让 video.js 在 android 上工作？

我不能！！在 ios 和浏览器上运行良好

代码，

<video id="example_video_1" class="video-js vjs-default-skin"
  controls preload="auto" width="300" height="200"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup='{"controls": true, "autoplay": false, "preload": "auto"}'>
 <source src="http://www.machupicchumobile.com/onlineApps/android/CPAforNewbies/1.mp4" type='video/mp4' />
 <source src="http://www.machupicchumobile.com/onlineApps/android/CPAforNewbies/01CPANewbies_Intro_x264_1.webm" type='video/webm' />
 <source src="http://www.machupicchumobile.com/onlineApps/android/CPAforNewbies/01CPANewbies_Intro_x264_1.ogv" type='video/ogg' />

</video>
4

3 回答 3

2

Video.js 在 Android 上运行良好 - 但由于video.js 控件现在默认在移动设备上被禁用，因此如果您不使用API，它的工作就不太明显了。

于 2013-07-22T08:45:32.207 回答
0

我通过在启动 video-js 之前运行此脚本完全删除了在 Android 中播放的嵌入式视频。它只是链接到视频文件，因此它将由本地视频播放器播放。

if (navigator.userAgent.match(/Android/i) != null || (navigator.userAgent.match(/Chrome/i) != null && navigator.userAgent.match(/Mobile/i) != null)) {
    $('video').each(function() {
        var src = $(this).find('source[type="video/webm"]').attr('src');
        var poster = $(this).attr('poster');
        $(this).replaceWith('<div class="not-video-js"><a href="'+src+'" style="display:block; position: relative; top:0; left:0;"><img src="'+poster+'" class="posterframe-fake"></a><div class="not-video-js-button" tabindex="0" style="position:absolute; top:50%; left: 50%;"><span style="margin: -50px 0 0 -50px; position:absolute; top:50%; left: 50%;"><a href="'+src+'"><img src="img/btn_video_play.png"></a></span></div></div>');
    });
}
于 2014-05-13T11:41:33.223 回答
0

是的，Video.js 在 Web 浏览器和混合应用程序 (Cordova) 上的 Android 设备上都能完美运行。正在跨设备（三星、索尼）和安卓版本进行测试以播放本地存储的视频（.mp4）文件，发现它在安卓 4.0.4+ 及更高版本上运行良好。

对于使用此链接的 Web 浏览器测试它也有源代码以防您想使用它。

注意：对于本地文件，请确保您有正确的视频文件路径，因为它们在早期版本的 Android 上有所不同。

于 2015-07-08T02:51:24.713 回答