Когда мы закрываем оверлей, видео на YouTube не останавливается - PullRequest
Новая
       15

Когда мы закрываем оверлей, видео на YouTube не останавливается

2 голосов
/ 23 ноября 2010

Я использую, чтобы открыть видео на YouTube в окне модели jQuery. В IE, Safari, Chrome Когда мы закрываем оверлей, видео на YouTube не останавливается на достигнутом, а продолжает воспроизводиться в фоновом режиме, а затем создает проблемы с другим видео.

Мой пример кода 

<div id="boxes">
    <div class="window" id="dialog" style="top: 11px; left: 323.5px; display: block;">
        <div align="right" class="clsbtn"><a class="close" href="#">Close</a></div>
        <div>
            <object width="580" height="360">
                <param name="movie" value="http://www.youtube.com/v/eiz2vkSwSeQ&hl=en_US&fs=1&border=1"></param>
                <param name="allowFullScreen" value="true"></param>
                <param name="allowscriptaccess" value="always"></param>
                <embed src="http://www.youtube.com/v/eiz2vkSwSeQ&hl=en_US&fs=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="360"></embed>
            </object>
        </div>
    </div>

    <div class="window" id="dialog" style="top: 11px; left: 323.5px; display: block;"></div>

</div>

<script>
    $('.window .close').click(function (e) {
    //Cancel the link behavior
        e.preventDefault();

        $('#mask').hide();
        $('#mask').css("opacity",0);    
        $('.window').hide();
    });     

    $('#mask').click(function () {
        $('#mask').css("opacity",0);    
        $(this).hide();
        $('.window').hide();
    });     
</script>

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

Ответы [ 2 ]

1 голос
/ 23 ноября 2010 
$('.window').find('embed').stopVideo();

Или вы можете связаться с ним напрямую: 

$('#myPlayer').stopVideo();
0 голосов
/ 14 мая 2013

Сохранить object в переменной js.

Затем, когда вы открываете модальное, добавьте его, используя html(nameOfObjectVar), и когда кто-то закроет модальное, вы remove() его.

Это то, что я сделал на сайте, где было видео в модале. Лучше, чем пытаться использовать YT stopVideo(), который знает, когда Google может это изменить.

...