无法在移动Android设备

时间:2017-05-10 12:35:47

标签: javascript android html5-video

我正在尝试在Android手持设备上自动播放视频。此代码适用于在Google Chrome中测试的台式机。如何在移动设备上播放视频自动启动?

<!DOCTYPE html>
<html lang="en">
<head>
<title>vid</title>
<script src="assets/js/jquery.min.js"></script>
<script>
$(document).ready(function() {
    var myVideo = document.getElementById("video1");

    function checkLoad() {
        if (myVideo.readyState === 4) {
            window.setTimeout(function() {
                window.scrollTo(0, 0);
                myVideo.play();

            }, 800);
        } else {
            setTimeout(checkLoad, 100);
        }
    }

    checkLoad();
});     
</script>   
</head>
<body>
<video  id="video1" autobuffer>
        <source src="assets/video/BigBuck.m4v">
        <source src="assets/video/BigBuck.webm" type="video/webm">
        No video support
</video>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

自Android SDK以来禁用自动播放17.大多数移动平台(Android,iOS)上的自动播放被屏蔽以避免糟糕的用户体验 - 视频应仅在用户操作后播放。但这是一个解决方法

int SDK_INT = android.os.Build.VERSION.SDK_INT;
if (SDK_INT > 16) {
    engine.getSettings().setMediaPlaybackRequiresUserGesture(false);
}

这样做可以将setMediaPlaybackRequiresUserGesture()设置为false以重新启用自动播放。