Никогда не проверял, но если весь контент находится в вашем DOM , вам просто нужно отредактировать его с помощью css, открыть инспектор Chrome (или любого браузера), и попытаться изменить нужные вам классы, если это работает, просто добавьте css с тегом ! важный , потому что, я думаю, youtube css будет последней импортированной в ваш DOM, поэтому он переопределит все, что вы используете, из-за этого вам следует попробовать ! важный
<iframe id="youtube_frame>
...
</iframe>
#youtube_frame .ytp-cued-thumbnail-overlay-image{
background-size: 100% !important;
}
Obs .: Имейте в виду, что вы устанавливаете его как 100%, поэтому элемент верхнего уровня или любой другой выше должен иметь фиксированный размер ... попробуйте установить фиксированный размер фона как 400px, просто чтобы проверить, работает ли он
РЕДАКТИРОВАТЬ : Полагаю, вам следует подождать, пока DOM загрузит iframe, и только затем попытаться манипулировать элементом с помощью CSS, я только что протестировал этот код ниже, , но имейте в виду, что это грязный реализации, вы должны следить за iframe и проверять, загружен ли он, а когда он загружен полностью, вы добавляете свой класс
setTimeout(() => {
let yt = document.getElementsByClassName('ytp-cued-thumbnail-overlay-image')[0];
console.log(yt);
yt.setAttribute("style", "background-size: 0");
}, 3000)