Как остановить воспроизведение одного видео с youtube, если началось воспроизведение другого?

Question

[Dvorak]

Имеется страница, на которой расположены видео с youtube (код для вставки брал оттуда же). Проблема в том, что, если включить сначала одно видео, а потом - другое, то они воспроизводятся оба. А хотелось бы, чтобы при включении второго видео первое останавливалось. Как реализовать на jQuery?

Пытался манипулировать с функциями play() и playVideo(), но ничего не вышло.

Answer 1

[IceJOKER]

На одной странице несколько iframe-ов, особенно плеер youtube - не есть хорошо, я примерно такую штуку провернул так - выводил превью к видео, при нажатии , чтоб картинка менялась на iframe, соответственно при нажатии на другое превью - iframe предыдущего заменялся обратно на превью

<img class="youtube_preview" src="preview.png" alt="" data-link="http://youtube.com....." />

$('body').on('click', '.youtbe_preview', function(e){

  //меняем iframe на preview
  //меняем текущий preview на iframe

});

Можно разными способами реализовать )

Comments

[Dvorak]

звучит очень разумно! Но вы не подскажите, почему несколько iframe-ов, особенно плеер youtube - не есть хорошо? Что в этом плохого?

[afishr]

Михаил Макарычев: Я думаю из-за большого количевства HTTP-запросов.

[IceJOKER]

и не только, браузер начинает тормозить(сильно тормозить).
Даже один плеер я рекомендую внедрять как я описал выше

[Dvorak]

То есть мы при нажатии на $('.youtube_preview') должны изменить его тег img на iframe?

[IceJOKER]

Михаил Макарычев: да, но сначала меняем старый(е) iframe обратно на img , чтоб два iframe одновременно не работали.
iframe.youtube => img.youtube_preview
img.yutube_preview => iframe.youtube