Встроенное видео Youtube продолжает воспроизводиться после закрытия

Любые предложения о том, как остановить непрерывное воспроизведение видео на YouTube в фоновом режиме после нажатия кнопки закрытия или даже вне модального просмотра?

<a data-toggle="modal" href="#videoModal">
    <img class="img-responsive img-rounded" src="http://iconshots.com/wp-content/uploads/2010/01/final1.jpg">
</a>

<div class="modal fade" id="videoModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Learn how to make this app!</h4>
            </div>
            <div class="modal-body">
                <iframe width="500" height="281" src="http://youtu.be/GWPc6EDwv8k" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>

youtube-api jquery twitter-bootstrap bootstrap-modal youtube
person EliCollins    schedule 30.12.2014    source источник
comment
возможный дубликат этого   -  person Cerlin    schedule 30.12.2014
comment
нет, к сожалению, это не сработало для меня   -  person EliCollins    schedule 30.12.2014

Ответы (2)


arrow_upward
1
arrow_downward

С помощью jQuery вы можете сделать что-то вроде этого:

$('#someButton').click(function(){
   $('#playerID').get(0).stopVideo();
)};

Вот сообщение, связанное с вашим вопросом, надеюсь, оно укажет вам правильное направление: Youtube api - остановить видео< /а>

person Alex J    schedule 30.12.2014
comment
какой метод остановить видео, я посмотрел его в mdn, и в jquery API ничего не было показано в результатах поиска. Можно как-нибудь поподробнее? - person EliCollins; 30.12.2014
comment
Только что обновил свой ответ соответствующей ссылкой на stackoverflow, надеюсь, это поможет - person Alex J; 30.12.2014

arrow_upward
0
arrow_downward

Итак, я нашел это в Интернете, где было проведено огромное количество исследований, и это сработало для меня. Я создал отдельный файл js, а затем связал его со страницей.

    /*Function built to take on search for youtube video in modal*/
function ytplayer() {
    $('#videoModal iframe').attr("src", $("#videoModal iframe").attr(
        "src"));
}  
/*Function shuts down video when dismiss button is toggled*/
$('.close').click(function() {
    $('#videoModal').hide();
    ytplayer();
});

/*Function shuts down video when modal background is toggled*/
$('#videoModal').on('hidden.bs.modal', function() {
    ytplayer();
});
person EliCollins    schedule 30.12.2014