为什么我关闭弹出窗口时禁用videojs？

Question

我试图在弹出窗口中实现视频，但是当我关闭弹出窗口并重新打开它时，视频根本不起作用。这是为什么？

这是我的代码：

<video className="video-js vjs-default-skin" data-setup='{ "techOrder": ["youtube"], "youtube": { "ytControls": 2 }, "autoplay": true }' width="480" height="320">
    <source type="video/youtube" src={this.props.YouTubeURL}/>
</video>

显示弹出功能：

showYoutubePopup(event) {
    event.preventDefault();
    this.setState({
        showPopupYoutube: true
    });
}

关闭弹出功能：

hideYoutubePopup(event) {
    event.preventDefault();
    this.setState({
        showPopupYoutube: false
    });
}

Answer 1

请尝试

https://docs.videojs.com/tutorial-modal-dialog.html

如果您不想使用以模态形式显示的videojs，则可以在关闭自定义弹出窗口之前尝试“暂停”视频。