YouTube動画埋め込みのサムネイルをCSSで変更することはできるでしょうか

Question

お世話になります。
画像のようにYouTube埋め込み動画のサムネイルのみサイズ変更することは可能でしょうか。

やりたいことは
『メディアツールは画面いっぱいに表示しつつ、サムネイルは全体が映るように調整する』です。

デベロッパツール上でCSSを変更してみたところ思うような形になったのですが、「.ytp-cued-thumbnail-overlay」というのは後から生成されるCSSのようで単純にスタイルを当てるだけではできませんでした。
自分なりの知識でjavascriptを使ったりしてみたのですがこちらも上手くいきません。

解決策や別の方法があれば教えてください。

自分で試したJavaScriptのコード

window.addEventListener('load', () => {
  const thumbnail = document.querySelector('.ytp-cued-thumbnail-overlay');
  thumbnail.style.height = '80%';
});

よろしくお願いいたします。

Answer 1

要素が動的に生成されたり変わったりするのなら、MutationObserverでDOMの変化を監視するという手はあるかなと思います。チャレンジしてみてください。