2013 年 Phonegap 2.3 和带有 HTML5 视频标签的 Android答案

【问题标题】：Phonegap 2.3 and Android with HTML5 video tag in 20132013 年 Phonegap 2.3 和带有 HTML5 视频标签的 Android
【发布时间】：2013-01-26 10:31:15
【问题描述】：

我知道这个问题已经被问过很多次了，而且大多数人的回答都是一样的：“使用视频播放器插件”。但这不是我们中的一些人想要播放视频的方式，我们想要内联播放。据我说没有答案。

http://simonmacdonald.blogspot.ca/2012/10/partial-support-for-video-tag-in.html

谁能给出在phonegap webview中播放视频的答案？

我知道人们在Android webview（内联）中播放html5视频标签，构建自己的webview，那么phonegap有什么问题？

我的意思是android设备真的不能在2013年的phonegap webview中播放html5视频吗？？

即使尝试这样做：（显然您无法从资产文件夹中播放视频）

<video id="1" autobuffer width="100%" tabindex="0">
         <source src="file:///videos/video3.mp4" type="video/mp4" />
        </video>

不工作

<script type="text/javascript">

    $(function(){
        $("video")[0].play()
    });
</script>

Manifest.xml：

<application android:icon="@drawable/icon" android:label="@string/app_name"
        android:hardwareAccelerated="true"
        android:debuggable="true">

【问题讨论】：

您能否提供更多关于其他人在他们自己的网络视图中使用视频的详细信息？据我所知，视频标签在 phonegap 中“有效”，但不是在所有设备上，我认为只有 android >= 4 的设备。顺便说一句，阅读这篇关于 phonegap >= 2.2.0 simonmacdonald.blogspot.com.es/2012/10/… 的内嵌视频的博客文章
从我的例子来看，我的文件：//video/../ 正确吗？
另外，我的硬件加速设置为 true
发布完整代码，而不仅仅是
我不敢相信安卓这么烂！！！！

标签： cordova android-webview html5-video

【解决方案1】：

我最近遇到了这个问题并创建了一个插件来完成你想要做的事情。

这里是存储库：https://github.com/jaeger25/Html5Video

【讨论】：

【解决方案2】：

Here's an example app 在 loadRemoteFileFromHTTP 分支上，从远程位置成功加载了 web 视图中的视频文件。在 loadLocalFileUsingFileReader 分支上，test.m4v 文件存在于设备的 SD 卡上，引用为 file:///mnt/sdcard/external_sd/test.m4v。当您尝试将视频文件包含在您的应用程序中时，就会遇到问题。无法使用 file:/// 协议来引用您的应用中的某些内容，并且您不能使用相对 URL 来引用 WebView 中的视频。换句话说，如果您的视频文件中有assets/www 目录，并且您将 src 设置为“nameOfVideo.mp4”，它根本不起作用:(。有关示例，请参见 loadLocalFileUsingRelativeURL 分支。

Here's a bug report on the Relative URL issue.

【讨论】：