我正在为React项目使用React Player npm安装。视频播放器处于模态中。如何在模态关闭时停止播放?是否有ReactPlayer.stop()
或ReactPlayer.pause()
类型的功能可以添加到我的hideModal
函数中?
<Modal show={this.state.show} handleClose={this.hideModal} >
<ReactPlayer url='https://www.youtube.com/watch?v=ysz5S6PUM-U' width='100%'
height='100%' />
</Modal>
3条答案
按热度按时间l7mqbcuq1#
如果
this.state.show
返回布尔值(true/false),您可以通过如下状态控制它:ybzsozfc2#
viciousP有正确的答案,但我认为有必要展示完整的代码示例,以便其他人可以确切地了解它是如何工作的。
使用状态挂接
现在,您可以通过调用
close_video()
以编程方式停止播放视频brccelvz3#
对于我来说更好的作品这个例子,重点是一起使用onPlay,onPause和播放 prop