Jquery TubePlayer插件无法正常运行

Question

Jquery TubePlayer插件无法正常运行

pra*_*vin 4 javascript jquery jquery-plugins youtube-api youtube-javascript-api

TubePlayer是一个实现YouTube Player API 的jQuery插件,允许我们为YouTube视频创建自己的控件和组件.该TubePlayer网站提供了有关如何开始使用它的提示.

但是,这对我不起作用.其网站上的此页面演示了快速入门指南.我完全遵循它指定的但不起作用.

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

代码有什么问题吗？如果你想尝试一下,这里是代码:

<!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>

Run Code Online (Sandbox Code Playgroud)

请有人帮帮我.谢谢.

Answer 1

pra*_*vin 9

对不起上面的问题,我的不好.我发现了问题,只是在API文档页面中注意到了.如文档中所述,我们需要使用测试脚本在Web服务器上.不知道,我是如何错过那一节的.在将来阅读时需要更频繁地集中注意力.

我引用了文档页面:

"任何包含YouTube播放器的HTML页面都必须实现一个名为onYouTubePlayerReady的JavaScript函数.当播放器完全加载且API已准备好接收电话时,API将调用此函数.
注意:要测试这些调用中的任何一个,您必须拥有您的文件在网络服务器上运行,因为Flash播放器限制本地文件和互联网之间的通话."

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

归档时间：	14 年，10 月前
查看次数：	3475 次
最近记录：	14 年，6 月前