Question

我正在寻找PhoneGap的HTML 5视频插件。

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

我不知道plugin.xml
我不知道如何与<video>标签
并且它不适用于PhoneGap

这个javascript函数现在

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

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

经过多次尝试，我解决了这个问题：

我已安装Git
我已经使用命令cordova plugin add https://github.com/jaeger25/Html5Video.git为Cordoba安装了插件HTML5Video（使用此命令，项目已自动配置为使用插件运行）
我创建了文件夹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>

这是BODY代码

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

它为我工作;）

Android PhoneGap HTML5video

1 个答案: