Android PhoneGap HTML5video

标签: Android HTML
发布时间: 2017/3/15 1:14:30
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我在寻找 HTML 5 视频插件为 PhoneGap

我发现在GitHub的插件,但那里有些事或许错了因为我有以下问题︰

  • 我不知道在哪里放置 plugin.xml
  • 我不知道如何来与它的联系 <video> tag
  • 和它不使用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

解决方法 1:

在几次尝试后,我解决了这种方式︰

  • 我已经安装了Git
  • 我有使用命令为科尔多瓦安装插件HTML5Video cordova plugin add https://github.com/jaeger25/Html5Video.git (使用该命令,该项目已运行自动配置才能使用该插件)
  • 我创建了文件夹 platforms\androis\res\raw\ 我复制视频的位置 splash.mp4
  • html 文件 (在我的例子 \www\splash.html ) 在头中插入此代码︰

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

它的工作对我来说;)

官方微信
官方QQ群
31647020