如何在反应式视频播放器中使用多次VAST广告

Question

我有多个视频，当我单击时，便有了带videojs播放器的模态窗口

<div data-vjs-player>
<video
    height="300"
    preload="auto"
    controls="controls"
    muted={false}
    data-setup='{}'
    id={"video-Js-vast"}
    poster={videoPlayer.videoPoster}
    ref={ node => this.videoNode = node }
    className="video-js"
>
    <source src={videoPlayer.video"}
            type='video/mp4 mp4a.40.2"'/>
</video>

在每个视频中，我都想开始播放广告然后继续播放视频，但是我的代码只能工作，我们可以使用dispose（），但是它会从dom中删除，并且我不想克隆我的视频播放器

这是我的应用开始运行时，我已经创建了一个带有广告的对象

componentDidMount() {
    this.player = videojs(this.videoNode, this.props, function onPlayerReady() {
        console.log('onPlayerReady', player)
    });

    this.player.ads();

    this.player.vast({
        url: "../../public/vast/vast.xml"
    });
}

这是代码，当我单击我的图像以打开播放器的模态时，该代码我希望每次都以广告开头，它是从第二次视频开始的

    this.player.src(video.vid_url);

    this.player.play()

    this.player.on('readyforpreroll', ()=> {
        this.player.on('adended', ()=> {
            this.player.play()
            this.player.ads.endLinearAdMode();
        });
    });