时间戳

首页 > 解决方案 > 防止在反应播放器中点击你的视频链接

reactjs - 防止在反应播放器中点击你的视频链接

问题描述

我在我的反应项目中使用 ReactPlayer https://www.npmjs.com/package/react-player并且它正在工作，但问题是当我放置任何 youtube 视频 url 时，所有 youtube 视频系列都显示播放器的底部，如果每当我点击那个 youtube 视频标题时，它就会重定向到 youtube 网站。

<ReactPlayer
 onProgress={() => this.progress(this.state.vid[0].vid.videotext)}
 onEnded={(e)=>this.onEnded(e,this.state.vid[0]._id)}  url={this.state.vid[0].videourl} controls={true} playing={false} />}

所以我只想禁用所有东西，可以使用任何方式吗？您的帮助将不胜感激

感谢提前

标签： reactjsreact-player

解决方案

Youtube 视频在 iframe 中打开（您将通过浏览器检查看到它），并且您不能禁用 iframe 中的功能（出于安全原因）。

因此，如果您想阻止用户点击 youtube 链接，您可以创建一个透明叠加层，其 z-index 大于您的视频播放器，然后用户无法点击 youtube 链接。当然，不要覆盖播放/暂停按钮:')

推荐阅读