时间戳

首页 > 解决方案 > 当我想要自动播放和循环工作但无法控制显示时，嵌入它的 youtube iframe 不起作用

javascript - 当我想要自动播放和循环工作但无法控制显示时，嵌入它的 youtube iframe 不起作用

问题描述

我有以下代码，需要在我的网站上自动播放我的视频。但它不会自动播放，也不会不受控制地循环播放视频。

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/3fRxOjkik0g?autoplay=1&loop=1&showinfo=0&controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

标签： javascriptiframeyoutubeautoplay

解决方案

在没有用户输入的情况下不再允许自动播放 - 所以我想这就是原因。

你可以在这里阅读更多：

https://developer.chrome.com/blog/autoplay/

如果要自动播放，必须将其静音。

用户必须与 div 交互才能开始播放。

推荐阅读