Youtube Player API - onYouTubePlayerReady() is not executed



我正在使用youtube播放器javascript API自定义视频播放器:

<html>
<head>
</head>
<body>
  <iframe src="http://www.youtube.com/v/M7lc1UVf-VE?version=3&enablejsapi=1" frameborder="0"></iframe>
  <script type="text/javascript" charset="utf-8">
    function onYouTubePlayerReady(){
      console.log('done')
    }
  </script>
</body>
</html>

done未在控制台中打印,我缺少什么?

你必须包含 iframe javascript 库;一旦注入,它将自动调用一个名为 onYouTubeIframeAPIReady 的函数。在该函数中,您将创建一个绑定到 iframe 的播放器对象,它可以具有事件侦听器(例如在播放器准备就绪时通知您)。像这样:

<html>
<head>
</head>
<body>
  <iframe id="player" src="http://www.youtube.com/v/M7lc1UVf-VE?version=3&enablejsapi=1" frameborder="0"></iframe>
  <script type="text/javascript" charset="utf-8">
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          events: {
            'onReady': onYouTubePlayerReady
          }
        });
      }
      function onYouTubePlayerReady(){
         console.log('done');
      }
  </script>
</body>
</html>

相关内容

  • 没有找到相关文章

最新更新