Как обновить информацию о странице JS?

Question

[stasersmailov]

Сразу скажу речь идёт не о аяксе. Я делаю расширение для браузера которое просто ищет тег videо и налаживает на него стиль. Суть в том что на странице при загрузке изначально нет этого видео и когда я вызываю даже в консоли document.querySelectorAll('video') выдает что нет ни одного (естественно тег видео уже был на странице). И еще занимательный факт если открыть консоль это ввести ничего не будет, но если после этого нажать на стрелочку и выбрать этот тег видео и еще раз написать в консоль тоже самое то уже в ответ я получу нужный мне тег

Comments

[WbICHA]

и налаживает на него стиль.

А зачем для этого жс?

[stasersmailov]

WbICHA, что бы получить элемент на который наложить этот стиль

[WbICHA]

stasersmailov, есть такая вещь, как CSS. Советую погуглить.

[stasersmailov]

WbICHA, ты такой умный, КАК ЖЕ Я САМ НЕ ДОГАДАЛСЯ, НАВЕРНОЕ НЕ ЗНАЛ ЧТО ТАКОЕ CSS. https://yummyanime.club/catalog/item/volejbol-tv-1 - вот страница, сайт естественно не мой, плеер Sibnet, сделай на чистом ксс что бы на мониторе 21 на 9 видео в полноэкранном режиме воспроизводилость без полосок по бокам

[stasersmailov]

Александр, ну я же скинул грубо говоря задание, если раскажешь как сделать на чистом ксс что бы оно работало буду признателен

Answer 1

[NooBick]

Попробуй вот это

Comments

[stasersmailov]

не помогло, само видео на которое нужно наложить стиль создается уже после загрузки DOM в собсвенном iframe только после того как пользовательно нажмёт на кнопку на самом сайте. вот скриншот структуры - https://prnt.sc/1znaajj тег видео находится в выдееном теге body

Answer 2

[Владимир]

если расширение заточено для разных страниц, наверное толко вот это
https://developer.mozilla.org/en-US/docs/Web/API/M...