2013年,Phonegap 2.3和Android带有HTML5视频标签

时间:2013-02-11 10:22:57

标签: cordova android-webview html5-video

我知道这已被多次询问,大多数人都有相同的答案:"使用视频播放器插件"。但这不是我们有些人想播放视频的方式,我们想要内联播放。据我所知,没有答案。

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

任何人都可以给出在phonegap webview中内嵌视频的答案吗?

我知道人们正在Android webview(内联)中播放html5视频标签,构建自己的网页视图,那么phonegap有什么问题?

我的意思是Android设备严重不能在2013年的phonegap webview中播放html5视频吗?

即使尝试这个:(显然你不能在资产文件夹下播放视频)

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

不起作用

enter image description here

<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">

2 个答案:

答案 0 :(得分:2)

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

以下是存储库:https://github.com/jaeger25/Html5Video

答案 1 :(得分:1)

Here's an example app,在loadRemoteFileFromHTTP分支上,从远程位置成功加载webview中的视频文件。在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.