“VIDEOJS：警告：播放器”媒體“已經初始化”，當它不是

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>

它知道這與這些資源的加載速度有關，因為時不時會出現警告並應用選項。

不過，我確實需要在“文檔准備好”后初始化播放器。 我該如何解決這個問題？

任何幫助我將不勝感激！

Answer 1

我有同樣的問題。 當<video>標簽中存在data-setup屬性時，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 2

我也面臨同樣的問題。 Videojs 自動初始化

只需刪除“數據設置”，播放器不會自行初始化

Answer 3

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

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