Android PhoneGap HTML5video

Question

Android PhoneGap HTML5video

MSR*_*MSR 0 html android html5-video cordova cordova-plugins

我正在寻找一个HTML 5视频插件PhoneGap.

我在GitHub上找到了一个插件,但由于我遇到以下问题,可能有问题:

我不知道放在哪里 plugin.xml
我不知道如何与它<video>标记链接
而且它没有合作 PhoneGap

这个javascript函数现在

function start(){
    window.plugins.html5video.initialize({"video1" : "movie.mp4"});
    window.plugins.html5video.play("video1");
}

Run Code Online (Sandbox Code Playgroud)

04-24 09:52:59.305: E/Web Console(740): Uncaught TypeError: Cannot call method 'initialize' of undefined at file:///android_asset/www/index.html:44

Answer 1

小智 7

经过几次尝试,我解决了这个问题:

我安装了 Git
我已经使用命令为Cordoba 安装了插件HTML5Videocordova plugin add https://github.com/jaeger25/Html5Video.git(使用此命令,项目已自动配置为使用该插件运行)
我创建了platforms\androis\res\raw\复制视频的文件夹splash.mp4

在html文件中(在我的例子中\www\splash.html)我在HEAD中插入此代码:

<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="Html5Video.js"></script>
<script>
    // Wait for device API libraries to load
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // device APIs are available
    //
    function onDeviceReady() {
        window.plugins.html5Video.initialize({
            "splashvideo" : "splash.mp4"
        })
        window.plugins.html5Video.play("splashvideo");
    }
</script>

Run Code Online (Sandbox Code Playgroud)

这是BODY代码

<body onload="onLoad()">
    <video id="splashvideo" autobuffer controls="false"></video>
</body>

Run Code Online (Sandbox Code Playgroud)

这对我有用;)

归档时间：	11 年，6 月前
查看次数：	2850 次
最近记录：	11 年，5 月前