Question

我有一个要自动播放的视频横幅。它可以在Firefox中运行，但是当我单击页面上的哑链接（“＃”）时，只能在Chrome中自动播放。当我只是重新加载时，它在chrome中也无法工作。

我知道必须将其静音才能使自动播放正常工作，我还尝试了playsinline属性，将其设置为true。

这是我的html.erb

<%= video_tag "type.mp4", mute: true, autoplay: :autoplay, loop: true, playsinline: true, preload: :auto, class: "banner_video", id: 'vid' %>

这就是它产生的东西

<video mute="true" autoplay="autoplay" loop="loop" playsinline="true" preload="auto" class="banner_video" id="vid" src="/assets/type-09d61a30abad860f1bed67840988a7464a7c88ef1bcf075fabbdb51f0e71dc75.mp4"></video>

基于堆栈溢出的其他帖子，这显然是一个常见的问题，但是静音和playinline属性似乎适用于其他所有人。

有人知道是什么会阻止视频在chrome中自动播放吗？

Answer 1

Chrome不会自动播放视频（如果未静音），可能是您设置视频条件的方式。试试这个。

<video class="banner_video" id="vid" 
             autoplay muted loop>
    <source src="(The Source Of Your Video)" type="video/mp4">
</video>

为什么横幅广告无法在Chrome中自动播放？

1 个答案: