关闭模式时如何阻止React Player播放?

时间:2019-04-11 23:25:14

标签: reactjs video-player react-player

我正在为React项目使用React Player npm install。视频播放器处于模式中。当模式关闭时,如何停止播放?我可以在自己的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> 

1 个答案:

答案 0 :(得分:1)

如果this.state.show返回布尔值(真/假),则可以通过如下状态进行控制:

<ReactPlayer url='https://www.youtube.com/watch?v=ysz5S6PUM-U' playing={this.state.show} width='100%' height='100%' />