Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

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

Тема в разделе "Вопросы- ответы", создана пользователем Amney, 7 июн 2020.

07.06.20 в 23:58
08.06.20 в 18:46
5
1.209
0
  1. TopicStarter Overlay
    Amney

    Amney Посетитель

    Регистрация:
    25 июл 2016
    Сообщения:
    56
    Лучших ответов:
    0
    Рейтинги:
    +4 / 0 / -0
    Снова я, друзья.

    Подскажите, как сделать следующее:
    Есть плеер, на скрине две вкладки, плеер и трейлер соответственно.
    [​IMG]
    если обоих вкладках нажать проигривание, то они паралельно плееры воспроизводят.
    Как сделать так, чтобы только в активной вкладке играло, а в неактивной, соответственно вырубалось?

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

    PRO Users

    Регистрация:
    3 авг 2018
    Сообщения:
    1.511
    Лучших ответов:
    1
    Рейтинги:
    +233 / 104 / -0
    • Нравится Нравится x 1
  3. kinouser

    PRO Users

    Регистрация:
    12 ноя 2015
    Сообщения:
    949
    Лучших ответов:
    0
    Рейтинги:
    +230 / 23 / -0
    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>

    Как то так...
     
    #3 kinouser, 8 июн 2020
    Последнее редактирование: 8 июн 2020
  4. Forian

    Forian Местный

    Регистрация:
    24 окт 2019
    Сообщения:
    1.374
    Лучших ответов:
    3
    Рейтинги:
    +317 / 45 / -0
    kinouser, чё та не получается :(
     
  5. kinouser

    PRO Users

    Регистрация:
    12 ноя 2015
    Сообщения:
    949
    Лучших ответов:
    0
    Рейтинги:
    +230 / 23 / -0
    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>
     
    • Нравится Нравится x 1
  6. TopicStarter Overlay
    Amney

    Amney Посетитель

    Регистрация:
    25 июл 2016
    Сообщения:
    56
    Лучших ответов:
    0
    Рейтинги:
    +4 / 0 / -0
    спасибо, попробую!
     
Похожие темы
  1. Beats
    Ответов:
    4
    Просмотров:
    1.316
  2. Wanderer
    Ответов:
    8
    Просмотров:
    1.800
  3. Sergey24
    Ответов:
    3
    Просмотров:
    952
  4. Boroda
    Ответов:
    57
    Просмотров:
    9.553
  5. Genya2016
    Ответов:
    8
    Просмотров:
    995
Загрузка...
Яндекс.Метрика