Невозможно приостановить видео iframe при разработке расширения firefox - PullRequest
0 голосов
/ 30 апреля 2020

Я делаю расширение firefox (аддон), которое будет воспроизводить видео musi c длиной в один час, и когда вы нажмете кнопку «пауза», видео остановится.

На Stack Exchange есть много ответов о приостановке видео iframe, таких как This и This .

Вот простой фрагмент кода, который работает , когда я запускаю его в браузере:

    var tag = document.createElement('script');
    tag.src = 'https://www.youtube.com/iframe_api';
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player;

    function onYouTubeIframeAPIReady() {
      player = new YT.Player('music', {
        events: {
          'onReady': onPlayerReady
        }
      });
    }

    function onPlayerReady(event) {
      document.getElementById('button').addEventListener('click', function() {
        player.pauseVideo();
      })
    }
  <iframe id="music" width="310" height="310" src="https://www.youtube.com/embed/v_FucrYWy3k?rel=1&amp;controls=1&amp;showinfo=0&amp;start=1&autoplay=1&enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  <button id='button' type="button" name="button">mute</button>

Но когда я пытаюсь загрузить его в расширение и запустить, видео не остановится, даже после нажатия кнопки «отключить звук». Как заставить кнопку отключения звука работать в расширении?

...