Воспроизведение YouTube встроенных видео последовательно на одной странице - PullRequest
Новая
       10

Воспроизведение YouTube встроенных видео последовательно на одной странице

4 голосов
/ 25 февраля 2010

Я встраиваю видео YouTube на мою веб-страницу с чем-то вроде этого 

<object width="425" height="344">
    <param name="movie" value="http://www.youtube.com/v/RU-bMtPz1cY"></param>
    <param name="allowFullScreen" value="false"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/RU-bMtPz1cY" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

Если я скажу 3 видео YouTube на одной веб-странице, мне было интересно, возможно ли это (возможно, с помощью API YouTube?) воспроизводить каждое видео последовательно?То есть первое видео начинает воспроизводиться автоматически.Когда это видео закончится, будет воспроизведено второе видео на веб-странице, а затем третье?Спасибо за ваше время.

Ссылка: http://code.google.com/apis/youtube/js_api_reference.html

Ответы [ 3 ]

5 голосов
/ 26 февраля 2010

См. http://code.google.com/apis/youtube/js_api_reference.html#Events

Вы хотите прослушать событие onStateChange. обратите внимание, что когда передано значение 0, то видео закончилось. Прослушайте это событие / значение, чтобы начать следующее видео.

Просто краткое описание того, что вы, вероятно, хотите сделать:

  1. добавить конечный слушатель для видео
  2. Воспроизведение видео
  3. когда завершится событие (и перехватится), перейдите к следующему видео и повторите с шага 1.
3 голосов
/ 26 июля 2010

Вы можете использовать плагин jQuery - плагин jQuery YouTube TubePlayer

при условии, что у вас есть правильная разметка (в этом примере - «активный» класс на видео, которое воспроизводится в данный момент), вы можете в принципе настроить что-то вроде .. 

jQuery("#player-container").tubeplayer({
    onPlayerEnded:function(){
        var $vid = jQuery(".active").next();
        if($vid.length){
            jQuery('#player-container').tubeplayer('play',vid.attr("vid");
            $vid.siblings().andSelf().removeClass("active");
            $vid.addClass("active");
        }
    }
});
1 голос
/ 25 февраля 2010

Вы захотите создать плейлист, содержащий видео, которые вы хотите воспроизвести, а затем добавить его на свой сайт. Прямые инструкции можно найти здесь .

...