HTML - элемент больше <video>элемента (также в полноэкранном режиме) - PullRequest
Новая
       75

HTML - элемент больше <video>элемента (также в полноэкранном режиме)

0 голосов
/ 29 мая 2020

Я пытаюсь написать расширение chrome, которое добавляет функции управления видео к определенному c сайту, на котором отображаются видео. Пока мне удалось добавить прослушиватели событий keydown, которые позволяют мне искать вперед и назад и изменять скорость воспроизведения.

Я хочу добавить визуальную обратную связь к изменению скорости воспроизведения. Лучший пример - видео на YouTube. Если нажаты SHIFT + '>' или SHIFT + '<', на видео появляется затухающий div, указывающий на изменение скорости. <strong>Он также работает в полноэкранном режиме .

Я пробовал 'appendChild' в элемент <video>, но ничего не произошло, даже ошибки. 

    let div = document.createElement("div");
    div.style.backgroundColor ='red';
    div.style.zIndex = '10'
    div.style.width = '300px';
    div.style.height = '300px';

    document.getElementsByTagName('video')[0].appendChild(div)

Есть идеи, как добиться поведения, подобного YouTube?

...