Question

我正在XDK IBM开发一个简单的应用程序来在Android设备中运行视频。

问题是，在构建之后，视频不会自动播放，也不会进行循环。

代码：

<!DOCTYPE html>
    <html>
    <head>
        <title>Blank Hybrid App Project Template</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <style>
            @-ms-viewport { width: 100vw ; zoom: 100% ; }                           @viewport { width: 100vw ; zoom: 100% ; }
            @-ms-viewport { user-zoom: fixed ; }                                    @viewport { user-zoom: fixed ; }
        </style>
        <link rel="stylesheet" href="css/app.css">
    </head> 
    <body>
        <video width="100%" height="100%" autoplay="true" loop="true"> 
            <source src="assets/1234.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' id="src" autostart="true">
        </video>

        <script src="intelxdk.js"></script>
        <script src="cordova.js"></script>
        <script src="xhr.js"></script>

        <script src="js/app.js"></script>
        <script src="js/init-app.js"></script>
        <script src="js/init-dev.js"></script>

    </body>
    </html>

我担心这个问题似乎是一个XDK问题。在调试中它按预期工作。我在2个智能手机和MK808中测试了APk。

此致

Answer 1

这是解决方案：

<video width="100%" height="100%" id="video"> 
    <source src="assets/12345.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' id="src" autostart="true">
</video>

<script type="text/javascript">
    var video = document.getElementById("video");     
    video.loop = false; 
    video.addEventListener('ended', function() { video.currentTime=0.1; video.play(); }, false);
    video.play();
</script>

XDK - 由Android忽略的html5标记视频，自动播放和循环

1 个答案: