Плагин Jquery TubePlayer не работает должным образом - PullRequest
Новая
       16

Плагин Jquery TubePlayer не работает должным образом

4 голосов
/ 19 июля 2011

TubePlayer - это плагин jQuery , который реализует API проигрывателя YouTube и позволяет нам создавать собственные элементы управления и компоненты для видео 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>

Может кто-нибудь помочь мне, пожалуйста. Благодаря.

1 Ответ

9 голосов
/ 20 июля 2011

Извините за вышеуказанный вопрос, мой плохой. Я обнаружил проблему, только заметил, что на странице API документы. Как указано в документации , мы должны быть на веб-сервере с тестовым скриптом. Понятия не имею, как я пропустил этот раздел. Нужно сосредоточиться чаще при чтении в будущем.

Я цитирую саму страницу документации:

"Любая HTML-страница, содержащая проигрыватель YouTube, должна реализовывать функцию JavaScript с именем onYouTubePlayerReady. API будет вызывать эту функцию, когда проигрыватель полностью загружен и API готов к приему вызовов.
Примечание. Чтобы проверить любой из этих вызовов, ваш файл должен быть запущен на веб-сервере, поскольку проигрыватель Flash Player ограничивает вызовы между локальными файлами и Интернетом. «

Приведенный выше код работает нормально. Благодаря.

...