Полностью остановите видео на YouTube при закрытии DIV-контейнера (содержащего Youtube Iframe)

Question

У меня есть страница со списком фильмов, и у каждого из них есть трейлер, который представляет собой Youtube Iframe.

Вы можете проверить его здесь: http://www.edoramedia.com/boxofficeuae/

Нажмите навидео миниатюра, вы можете увидеть предварительный просмотр и детали этого конкретного фильма.Нажмите на кнопку воспроизведения, чтобы начать просмотр трейлера, теперь, если вы нажмете кнопку закрытия или нажмете другую миниатюру, даже если контейнер изменился, все равно предыдущий трейлер играет в фоновом режиме.

I'mиспользуя Jquery для этого проекта.Так есть ли способ остановить трейлер при закрытии?

Answer 1

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

Answer 2

Я думаю, что вы хотите получить доступ к видео на YouTube и выпустить событие stopVideo

player.stopVideo();

http://code.google.com/apis/youtube/js_api_reference.html#Playback_controls

Answer 3

Вам нужно применить функцию .hide() для div, содержащего видео iframe