6

ページの上部にメニュー要素があります

position:fixed;
z-index:1000;

通常はページの上部に留まり、何の不満もありません。ただし、ページにYouTubeの埋め込みビデオがある場合はいつでも（同時に再生する必要があります）、固定メニューにはあらゆる種類の不具合があり、飛び回っているようです。これはよくある問題で、埋め込まれた動画が position:fixed 要素に干渉していますか? 問題は Chrome と Safari にありますが、奇妙なことに Firefox にはありません。

このコンソール エラーは何か関係がありますか? 安全でない JavaScript が、URL ww.youtube... のフレームから URL ww.youtube... のフレームにアクセスしようとしています... ドメイン、プロトコル、およびポートが一致している必要があります。

この説明はあまり詳しくないので、ここに URL を示します: Chronicle Video Section . 私は高校の学校の新聞サイトを作成していますが、これまで見たことのないこの 1 つの問題に困惑しています。ビデオの再生中に上下にスクロールしてみてください。ご協力いただきありがとうございます。

iframe がある div は次のとおりです。

<div class="entry-content">
    <p>
        <iframe... />
    </p>
</div>

それが役立つ場合、私がどのように設定したかは、現在、YouTube の URL である wordpress 投稿コンテンツのエントリ コンテンツをプルし、Wordpress がその URL をその div への埋め込みに変換することです。

4

3 に答える 3

3

I had exactly the same problem and I found a very simple solution. Add the following parameter:

?wmode=transparent

to the youtube video url. For example:

<iframe width="560" height="315" src="http://www.youtube.com/embed/brg1H4BuII8?wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe>

More details here.

于 2013-01-07T01:48:13.513 に答える
2

これは YouTube のバグではありません。これは、固定位置アイテムの再描画に関連する Webkit のバグです。webkit でバグを報告することをお勧めします。 http://www.webkit.org/quality/reporting.html

今のところ回避策が必要な場合は、ウィンドウのスクロール イベントをリッスンし、メニューのスタイル (幅、高さ、または位置) を変更して再描画を強制することをお勧めします。

于 2012-10-03T22:11:05.893 に答える