Dismiss Notice
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

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

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

Discussion in 'Вопросы- ответы' started by Amney, Jun 7, 2020.

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

    Amney Посетитель

    Joined:
    Jul 25, 2016
    Messages:
    56
    Best Answers:
    0
    Ratings:
    +4 / 0 / -0
    Снова я, друзья.

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

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

    PRO Users

    Joined:
    Aug 3, 2018
    Messages:
    1,511
    Best Answers:
    1
    Ratings:
    +233 / 104 / -0
    • Нравится Нравится x 1
  3. kinouser

    PRO Users

    Joined:
    Nov 12, 2015
    Messages:
    951
    Best Answers:
    0
    Ratings:
    +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, Jun 8, 2020
    Last edited: Jun 8, 2020
  4. Forian

    Forian Местный

    Joined:
    Oct 24, 2019
    Messages:
    1,376
    Best Answers:
    3
    Ratings:
    +318 / 45 / -0
    kinouser, чё та не получается :(
     
  5. kinouser

    PRO Users

    Joined:
    Nov 12, 2015
    Messages:
    951
    Best Answers:
    0
    Ratings:
    +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 Посетитель

    Joined:
    Jul 25, 2016
    Messages:
    56
    Best Answers:
    0
    Ratings:
    +4 / 0 / -0
    спасибо, попробую!
     
Яндекс.Метрика