@AsyaKazl
Designer UX/UI

Закрывается видеозапись, но продолжается звук с видео, как убрать?

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

$('.news_video').click(function() {
          if ($(this).hasClass('open')) {
              return false;
          }
          var block = $(this);
          var video = $(this).find('.video-player').addClass('open');
          var player= $(this).find('.video-player').find('video');
          block.addClass('open');
          player.attr('width', block.width() + 300);
          player.css('transform', 'translateX(-150px)');
          player.attr('height', block.height());
          $(this).find('video').get(0).play();
          document.getElementsByTagName('video')[0].controls = false;
          $('<div class="close-btn fs"><i class="fa fa-expand"></i></div>').appendTo('.news_video').click(function() {
              document.getElementsByTagName('video')[0].webkitRequestFullScreen();
          })
          $('<div class="close-btn video"><i class="fa fa-close"></i></div>').appendTo('.news_video').click(function(e) {
              e.preventDefault();
              e.stopPropagation();
              block.removeClass('open');
              video.removeClass('open');
              document.getElementsByTagName('video')[0].pause();
              $(".close-btn.video,  .close-btn.fs").css('transform', 'scale(0)');
              setTimeout(function() {
                  $(".close-btn.video, .close-btn.fs").remove();
              }, 300);
          })
          setTimeout(function() {
              $(".close-btn.video, .close-btn.fs").css('transform', 'scale(1)');
          }, 5)


      })
  • Вопрос задан
  • 272 просмотра
Пригласить эксперта
Ответы на вопрос 3
humiliation
@humiliation
Чем больше знаю - тем больше дурак
я при закрытии таба удалял/добавлял видео обратно на вкладку через append, иных путей не нашел
Ответ написан
Комментировать
@aarty20
Front-end / Wordpress developer
При закрытии поставить видео на паузу: $('video').get(0).pause();
Ответ написан
Комментировать
@402d
начинал с бейсика на УКНЦ в 1988
document.getElementsByTagName('video')[0].pause(); - это первое видео на странице , а не текущее
aarty20, тут та же ошибка $('video').get(0).pause();

когда вешаешь событие, ведь правильно
$(this).find('video').get(0).play();

а в добавленном диве нужно от кнопки подняться по родителям
или использовать переменную video
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 17:06
15000 руб./за проект
19 апр. 2024, в 16:53
1000 руб./за проект
19 апр. 2024, в 16:45
5000 руб./за проект