YouTubeのフレームにCSSを適用するか、親指を固定します

Question

私は親指を表示していないYouTubeの動画埋め込みに問題があります。

このクラスがYouTubeのiframe内にある.ytp-cued-thumbnail-overlay-imageのCSSを上書きしようとしています。

jqueryを使用しようとしましたが、セキュリティ上のエラーがあります。実行可能なソリューションですか？

私は、次のjQueryを使用していますが、私は必ずしもjqueryのを使用して閉じられていないよ、必要であれば、私は別のパスを取ることができます。

jQuery(document).ready(function(){ 
    $('iframe.video-force-thumb').on("load",function(){ 
     $('iframe.video-force-thumb').contents().find('head').append("<style>.my-class2{display:none;} </style>"); 

    }); 
}); 

と私は次のエラーを取得しています私のコンソールで：

キャッチされない例外：DOMException：から起源「http://flowstobay.org」のフレームをブロックされた：「HTMLIFrameElement」から「contentDocument」プロパティの読み込みに失敗しましたクロスオリジンフレームにアクセスする。

このためのいくつかの解決策？

Answer 1

私は遅延を使用して、サムネイルとサムのdivをYouTubeの読み込みから正しく表示します。

$(document).ready(function() { 
    $('#youTubePlayer').hide(); 
    setTimeout(function() { 
     $("#youTubePlayer").show(400); 
    }, 4000); 
    });