Vimeo：未捕获的错误：传递的播放器元素不是 Vimeo 嵌入。在新玩家 (player.js:2)

Question

播放此视频时出现错误。

以下是我的代码。

  
    var videoWrapperId = '[data-title="cf-vimeo-video"]';
    var videoPlayer = null;
   


    $(function () {
           handleVimeoPlayer()

       
    });

    function handleVimeoPlayer() {
      
        videoFrameSrc = $('iframe', videoWrapperId).attr('src');
        
        $('iframe', videoWrapperId).attr('src', videoFrameSrc);

        videoPlayer = new Vimeo.Player($('iframe', videoWrapperId));
        
        console.log("Log : " , videoPlayer)

        videoPlayer.ready().then(function () {

           
        });

    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://player.vimeo.com/api/player.js"></script>

<div>
            <div data-de-type="video" data-de-editing="false" data-title="cf-vimeo-video" data-ce="false" data-trigger="none" data-animate="fade"
                data-delay="500" data-video-type="vimeo" style="outline: none; cursor: pointer;" aria-disabled="false" data-element-theme="customized"
                data-vimeo-autoplay="yes">

                <iframe src="https://player.vimeo.com/video/347119375?autoplay=1&muted=1"  frameborder="0" allow="autoplay; fullscreen"
                    allowfullscreen></iframe>
            </div>
        </div>

当我运行这段代码时，

我告诉我这个错误。

未捕获的错误：传递的播放器元素不是 Vimeo 嵌入。在新玩家 (player.js:2)

任何帮助都会很棒。

Answer 1

可能是您的 iframe 是延迟加载的，因此在您调用它时还没有准备好。