javascript - 如何在 jQuery 中获取 Youtube 视频？

Question

我的 iframe 中有这个嵌入视频

<iframe id="Frustrated" width="560" height="315" src="https://www.youtube.com/embed/mjQwedC1WzI" frameborder="0" allowfullscreen sandbox="allow-scripts allow-same-origin"></iframe>

使用普通视频，您会得到类似的内容

$('#Frustrated').get(0)

获取视频并用它调用函数。

但是，当我尝试对 YouTube 视频执行此操作时，这不起作用。我在 Google 开发页面上读到，应该设置 API 并遵循该设置。然而，我从未使用过 API，而且我发现这整件事非常令人困惑。

这是我目前拥有的 jQuery，我正在尝试在 iframe 上使用它。

jQuery(document).ready(function($) {
    var video = $('section iframe').get(0);

    video.onended = function(e) {
      $('section iframe').animate({ width: "50%"}, 'slow', function(){
          $('#information').fadeIn('slow');
      });
    }

    video.onplay = function(e) {
        $('#information').fadeOut('slow', function(){
    $('section iframe').animate({ width: "100%" }, 'slow');
    });
    }

    $('section iframe').click(function() {

        if(this.paused || this.ended){
            $('#information').fadeOut('slow', function(){
           $('section iframe').animate({ width: "100%" }, 'slow', function(){
           video.play();
           });
            });
        } 

        else if (this.play) {
          video.pause();
          $('section iframe').animate({ width: "50%" }, 'slow');
              $('#information').fadeIn('slow');
    }
    });
});

谁能解释一下如何进行？

Answer 1

看看 https://developers.google.com/youtube/iframe_api_reference

并且没有 iframe https://developers.google.com/youtube/js_api_reference?hl=es