Javascript React-通过点击事件在手机上自动播放视频

我有一个带有多个图像的React应用程序。单击图像时，会打开一个模式，其中通过iframeapi加载youtube视频

我用这个来加载视频iFrame

使用状态modalVisible:true/false有条件地向DOM中添加和删除该模态

{this.state.modalVisible ?  <div className="Modal"><YouTube videoId="2g811Eo7K8U" onReady={this._onReady} /></div> : null}

---

是否有任何方法可以加载视频，然后在单击功能上自动播放，而无需在单击事件发生之前加载视频？

否，没有真正的用户单击就无法启动视频（如果以编程方式触发单击，浏览器将理解这不是真正的用户操作）

---

YT iframe必须已经在DOM中，才能在用户单击图像时启动视频。

否，没有真正的用户单击就无法启动视频（如果您以编程方式触发单击，浏览器将理解这不是真正的用户操作）

YT iframe必须已经在DOM中，才能在用户单击图像时启动视频

_onReady(event) {
    // access to player in all event handlers via event.target
    event.target.playVideo();
}