Вопрос? Остановка проигрывания плеера во вкладке

Снова я, друзья.

Подскажите, как сделать следующее:
Есть плеер, на скрине две вкладки, плеер и трейлер соответственно.

если обоих вкладках нажать проигривание, то они паралельно плееры воспроизводят.
Как сделать так, чтобы только в активной вкладке играло, а в неактивной, соответственно вырубалось?

Буду благодарен за помощь.

 

Тебе нужен скрипт, который перезагружает src в iframe по событию:

Javascript. jQuery. Как остановить видео в iframe? | Onfor

 

Amney оберни вкладки классом и прикрути скрипт по этому типу

<script>
$('.tabs li').click(function() {
$('iframe#player1').attr('src', $('iframe#player1').attr('src'));
$('iframe#player2').attr('src', $('iframe#player2').attr('src'));
});
</script>
<ol class="tabs">
<li><a href="#tab1">Онлайн</a></li>
<li><a href="#tab2">Онлайн</a></li>
</ol>
<div id="tab1" class="tab_content">
<iframe src="ссылка на фрейм" id="player1" width="твой" height="твой" scrolling="no" frameborder="0" allowfullscreen style="width: 100%;"></iframe>
</div>
<div id="tab2" class="tab_content">
<iframe src="ссылка на фрейм" id="player2" width="твой" height="твой" scrolling="no" frameborder="0" allowfullscreen style="width: 100%;"></iframe>
</div>

Как то так...

 

kinouser, чё та не получается

 

Forian там в скрипте ошибка была - увидел?
Так вот правильно будет

<script>
$('.tabs li').click(function() {
$('iframe#player1').attr('src', $('iframe#player1').attr('src'));
$('iframe#player2').attr('src', $('iframe#player2').attr('src'));
});
</script>
Для полной красоты ещё и скрипт для этих табов)

<script>
$(document).ready(function() {
$(".tab_content").hide();
$(".tabs li:first-child").addClass("active");
$(".tab_content:first-child").show();
$(".tabs li").click(function() {
if (!$(this).hasClass("active")) {
$(this).parent().find("li").removeClass("active");
$(this).parent().next().find(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(this).addClass("active");
$(this).parent().next().find(activeTab).fadeIn();
}
return false;
});
});
</script>

 

спасибо, попробую!