@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)


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

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

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

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

Похожие вопросы