jquery - Vimeo 未定义

Question

我在 console.log 中有这个错误。

jQuery.Deferred exception: Vimeo is not defined ReferenceError: Vimeo is not defined
    at HTMLDocument.<anonymous> (http://unisoft.local/js/scripts.min.js:1:18238)
    at j (http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:2:29999)
    at k (http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js:2:30313)

Uncaught ReferenceError: Vimeo is not defined
    at HTMLDocument.<anonymous> (scripts.min.js:1)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)

代码是:js文件:

var vimeoBanner = $('#vimeo-banner');

    if (vimeoBanner[0]) {
        var vimeoPlayer = new Vimeo.Player(vimeoBanner[0]);
        vimeoPlayer.setVolume(0.2);
        vimeoPlayer.setLoop(false);
        if (firstVisit) {
            vimeoPlayer.play();
        }
    }

和 html:

<div class="video-banner">
    <div class="video-banner__video">
        <iframe id="vimeo-banner" src="https://player.vimeo.com/video/217894047?color=02b4b6" width="640" height="360"
                allowfullscreen></iframe>
    </div>

有人可以帮我吗，我已经尝试过更改脚本文件的顺序但没有用？谢谢。

Answer 1

变量/类在声明之前正在使用。这个库需要先完全加载。在等待页面完成加载的函数中使用该类，并将对库的引用放在 header 中应该可以解决问题。