Question

我有一个HTML5视频标签，除了在Android上以外的所有浏览器都能很好地运行。

当视频开始播放时，我只能听到音频。如果单击全屏按钮，我只能看到视频。

平板电脑是配备4.1.2的摩托罗拉Xoom和Chrome应用。

代码简而言之：

<div id='container'></div>
<script>
        $(document).ready(function() {
            if(IsInMobileSafari()) {
                // ios video stuff
            } else if(IsInAndroid()) {
                $('#container').html(
                    '<video id="player" controls onended="Slide.Complete()">' +
                        '<source src="Slide' + $.getUrlVar('slide') + '.mp4">' +
                        '<source type="video/webm" src="Slide' + $.getUrlVar('slide') + '.webm">' +
                        '<source type="video/ogg" src="Slide' + $.getUrlVar('slide') + '.ogv">' +
                    '</video>'
                );
                $('#player')[0].play();
            } else {
                // other video stuff
            }

        });
    </script>

Answer 1

不确定 7 年后是否仍然需要但是
为 Android 浏览器使用 webkit-playsinline 属性
和 iOS 浏览器的 playsinline 属性
来源：MDN

Android HTML5视频仅在全屏播放

1 个答案: