Я делаю расширение 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&controls=1&showinfo=0&start=1&autoplay=1&enablejsapi=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<button id='button' type="button" name="button">mute</button>
Но когда я пытаюсь загрузить его в расширение и запустить, видео не остановится, даже после нажатия кнопки «отключить звук». Как заставить кнопку отключения звука работать в расширении?