Question

所以我有一个我需要自动播放的视频。它在Android（Chrome＆amp; FF）上运行良好，但iOS Safari似乎不想自动播放视频。这是我正在使用的代码（它是一个树枝模板） -

<video class="home-video"  poster="{{paths.files}}{{record.templatefields.video_poster}}" 
autoplay loop muted controls >
  <source src="{{paths.files}}{{record.templatefields.video}}" type="video/mp4" />
  <source src="{{paths.files}}{{record.templatefields.video_ogg}}" type="video/ogg" />
</video>

我已阅读https://webkit.org/blog/6784/new-video-policies-for-ios 我确保视频没有任何音轨，所以它应该不是问题。该设备使用的是iOS 10 +

任何线索都会非常感激..

Answer 1

添加＆＃39; playinline＆＃39;属性。同时确保其上没有其他元素。

Answer 2

添加playsinline属性。

如果您的视频不在视口中或在其他元素后面，请在页面加载后不久使用javascript play（），这可能会有所帮助（只要设置了其他所需的属性）。

使用jQuery（摘自我较大的jQuery插件）：

var start_video = function($target){

    var video_width = $target.width();
    var video_height = $target.height();

    // if not loaded yet, wait another 500ms
    if ($target.get(0).readyState < 2 || video_width == 0 || video_height == 0){
        setTimeout(function(){
            start_video($target);
        }, 500);
        return;
    }

    $target.get(0).play();

}

$(document).ready(function() {
    start_video($('.home-video'));
}

iOS上的HTML5视频自动播放

2 个答案: