Как использовать несколько раз рекламу VAST в модальном видео проигрывателе

Question

У меня несколько тысяч видео, когда я нажимаю, у меня появляется модальное окно с видеоплеером

<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"
    });
}

И вот код, когда я нажимаю на свое изображение, чтобы открыть модал с плеером, этот код, который я хочу начинать с рекламы каждый раз, он начинается с видео 2-й раз

    this.player.src(video.vid_url);

    this.player.play()

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