0

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

我在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

4

1 回答 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>

这是身体代码

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

这对我有用；）

于 2014-05-05T14:04:11.063 回答