@Vicavic

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

Приветствую,

на странице есть несколько модальных окон с видео.

<div class="row">
                                        	<div class="col-md-4">
                                        		<div data-toggle="modal" data-target="#myModal" class="slide-block" style="background-image: url('./assets/img/header-2.jpg');">
                                        			Title
                                        		</div>
                                        	</div>
                                        	<div class="col-md-4">
                                        		<div data-toggle="modal" data-target="#myModal" class="slide-block" style="background-image: url('./assets/img/header-2.jpg');">
                                        			Title
                                        		</div>
                                        	</div>
                                        	<div class="col-md-4">
                                        		<div data-toggle="modal" data-target="#myModal" class="slide-block" style="background-image: url('./assets/img/header-2.jpg');">
                                        			Title
                                        		</div>
                                        	</div>
                                        </div>
                                    </div>


Вот модальное окно
<div id="myModal" class="modal fade" role="dialog">
																	<div class="modal-dialog">
																		<div class="modal-content">
																			<button type="button" class="close" data-dismiss="modal">&times;</button>
																			<div class="modal-body">
																				<div class="embed-responsive embed-responsive-16by9">
																					<iframe class="embed-responsive-item" src="url" frameborder="0" allowfullscreen></iframe>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>


Вот останавливает видео при закрытии окна.

jQuery(document).ready(function(){
																		var youtube_src = jQuery("#myModal iframe").attr("src");
																		jQuery("#myModal").on('hidden.bs.modal', function (e) {
																			jQuery("#myModal iframe").attr("src", null);
																		});
																	});


Проблема в том, что окон много. То есть, если открыть следующие видео, то чуда не произойдет. Так не работает - jQuery("#myModal1 iframe"), jQuery("#myModal2 iframe"), и так jQuery("#myModal, myModal1 iframe")
  • Вопрос задан
  • 477 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы