Jquery TubePlayer 插件无法按预期运行答案

【问题标题】：Jquery TubePlayer Plugin not functioning as desiredJquery TubePlayer 插件无法按预期运行
【发布时间】：2011-10-08 11:35:41
【问题描述】：

TubePlayer 是一个实现 YouTube Player API 的 jQuery 插件，它允许我们为 YouTube 视频创建自己的控件和组件。 TubePlayer Website 提供了开始使用它的提示。

但是，这对我不起作用。 This page 在其网站上展示了快速入门指南。我完全按照它指定的内容进行操作，但不起作用。

视频播放正常，但控制视频的链接不知何故不起作用。

代码有什么问题吗？如果你想试试看，代码如下：

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  <script src="http://www.tikku.com/scripts/ui/tubeplayer/jQuery.tubeplayer.min.js"></script>

  <script>
    $(function(){
      jQuery("#youtube-player-container").tubeplayer({
        width: 600, // the width of the player
        height: 450, // the height of the player
        allowFullScreen: "true", // true by default, allow user to go full screen
        initialVideo: "ylLzyHk54Z0", // the video that is loaded into the player
        preferredQuality: "default",// preferred quality: default, small, medium, large, hd720
        onPlay: function(id){}, // after the play method is called
        onPause: function(){}, // after the pause method is called
        onStop: function(){}, // after the player is stopped
        onSeek: function(time){}, // after the video has been seeked to a defined point
        onMute: function(){}, // after the player is muted
        onUnMute: function(){} // after the player is unmuted
      });
    }) ;
  </script>
</head>
  <body>
  <a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("play")'>
    Play
  </a>
  <a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("pause")'>
    Pause
  </a>
  <a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("stop")'>
    Stop
  </a>
  <a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("mute")'>
    Mute
  </a>
  <a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("unmute")'>
    Unmute
  </a>

  <div id='youtube-player-container'> </div>
</body>
</html>

谁能帮帮我。谢谢。

【问题讨论】：

标签： javascript jquery jquery-plugins youtube-api youtube-javascript-api

【解决方案1】：

抱歉上面的问题，我的错。我发现了问题，只是在 API 文档页面中注意到了这一点。正如 documentation 中所述，我们需要在带有测试脚本的 Web 服务器上。不知道，我怎么错过了那个部分。以后阅读时需要更加集中注意力。

我引用了文档页面：

" 任何包含 YouTube 播放器的 HTML 页面都必须实现一个名为 onYouTubePlayerReady 的 JavaScript 函数。当播放器完全加载并且 API 准备好接收调用时，API 将调用此函数。
注意：要测试这些调用中的任何一个，您必须让文件在网络服务器上运行，因为 Flash 播放器会限制本地文件和 Internet 之间的调用。 "

上面的代码工作正常。谢谢。

【讨论】：