4

TubePlayerは、YouTube Player API を実装するjQuery プラグインであり、YouTube 動画用の独自のコントロールとコンポーネントを作成できます。TubePlayerの Web サイトでは、 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>

誰でも私を助けてください。ありがとう。

4

1 に答える 1

9

上記の質問で申し訳ありません、私の悪い。私は問題を発見しました.APIドキュメントページで気づいたばかりです. ドキュメントに記載されているように、テスト スクリプトを使用して Web サーバー上にいる必要があります。どうやってそのセクションを見逃したのかわかりません。将来的に読むときは、より頻繁に集中する必要があります。

私は非常にドキュメンテーションページを引用します：

" YouTube プレーヤーを含む HTML ページは、onYouTubePlayerReady という名前の JavaScript 関数を実装する必要があります。API は、プレーヤーが完全に読み込まれ、API が呼び出しを受け取る準備ができたときに、この関数を呼び出します。
注: これらの呼び出しをテストするには、 Flash Player はローカル ファイルとインターネット間の呼び出しを制限するため、ファイルは Web サーバー上で実行されます。」

上記のコードは正常に動作します。ありがとう。

于 2011-07-20T04:37:07.840 に答える