установка скорости воспроизведения видео html5 в html

Question

При просмотре видео можно войти в режим разработчика в браузере и ввести в консоли следующую команду, чтобы изменить скорость воспроизведения видео

document.getElementsByTagName('video')[0].playbackRate = 0.9

Однако, когда я пытаюсь кодировать это в html, я не могу получить доступ к видеообъекту.

var obj = document.getElementsByTagName('video');
console.log(obj);

возвращает объект длиной 0

также пытается

var player1 = document.getElementById("video");
console.log(player1);
player1.playbackRate = 2;

возвращает ноль

Демонстрация неработающего кода пока здесь: https://jsbin.com/peludojisi/1/edit?html,js,console,output

Может кто-нибудь, пожалуйста, помогите мне разобраться, как установить скорость воспроизведения из html

большое спасибо заранее

Джесси

Answer 1

document.querySelector не работает через iframe с. Поскольку видео в вашем примере находится внутри iframe, ваш запрос возвращает ноль.

Сообщение об ошибке в вашем фрагменте говорит вам почти столько же:

"TypeError: Невозможно установить свойство 'defaultPlaybackRate' для null в 16: 59

Строка 16 вашего скрипта:

  document.querySelector('video').defaultPlaybackRate = 2.0;