单击播放按钮 iframe 反应

Question

我有一个带播放按钮的 iframe 视频（不是 youtube！）。没有自动播放功能。所以，我想让onLoad模仿点击这个按钮。我怎样才能做到这一点？我知道按钮的class，我想用

Answer 1

遗憾的是，无法访问从第三方资源加载的 iframe 中的元素。

Answer 2

有一种方法，例如：声明一个布尔状态并在单击时将 autoplay=1 附加到 url。仅适用于网络浏览器。

const [play, setPlay] = useState(false);

const url = play ? "urEmbededUrl?autoplay=1" : urEmbededUrl

<iframe
 src={url}
 title={""}
 height="100%"
 width="100%"
 allow="autoplay;"
 />

<button onClick={() => setPlay(true)}>play</button>

请注意 allow="autoplay;" 是必需的。

click play button iframe react