＆＃34; VIDEOJS：警告：播放器＆＃34;媒体＆＃34;已初始化＆＃34;什么时候不是

Question

我目前遇到一个小问题，我收到来自video.js的警告，如下：

VIDEOJS: WARN: Player "media" is already initialized. Options will not be applied.

奇怪的是它尚未初始化。但它更像是jQuery的$(document).ready。

相关代码是：

<script src="//vjs.zencdn.net/5.19.1/video.min.js"></script>

<script>
    $(document).ready(function() {
        var player = videojs('media', {
            fluid: true,
            playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]
        });
    });
<script>

它知道这与加载这些资源的速度有关，因为不时会出现警告并且会应用选项。

我确实需要这个，一旦＆＃34;文件准备就绪，玩家就会初始化＃34;我怎么能解决这个问题？

任何帮助我都会非常感激！

Answer 1

我也面临同样的问题。 Videojs 自动初始化

删除“data-setup”，播放器不会自行初始化

Answer 2

我遇到了同样的问题。当data-setup标记中存在<video>属性时，Videojs会自动初始化。

删除data-setup并且播放器不会自行初始化，现在执行JS代码时警告不再显示：

var player = videojs('media', options);

现在您可以定义选项并简单地执行（“media”是您的视频播放器的ID）：

var options = {
    "playbackRates": [1, 1.5, 2],
};

var video = videojs('media', options);

video.ready(function() {
    // …
});

Answer 3

在 vue 中的 mounted() 之后使用此代码

beforeDestroy() {
    if (this.player) {
        this.player.dispose()
    }
}