1

CSS を使用して Web サイトのスタイルを設定し、次のように複数の DIV 内に YouTube クリップを埋め込んでいます。

<body>
<div id="wrap">
    <div id="outer">
        <img src="images/sidebar.png"/ class="sidepic">
        <div id="look">

            <iframe width="500px" class="youtube-player" type="text/html" height="280px" src="http://www.youtube.com/embed/J-U9aYeLvX0?wmode=opaque&feature=player_profilepage&showinfo=0" frameborder="0" allowfullscreen seamless></iframe>

            <img src="images/content-01.png" class="bigpic" />
        </div>
    </div>
</div>

これは Internet Explorer では正常に機能しますが、Chrome では機能しません。ビデオは、静止画像または非表示であるかのように、ホバーやクリックを検出しません。

このサイトの他のスレッドで推奨されている ?wmode=opaque / transparent タグを使用しようとしましたが、うまくいかないようです。DIV タグから iframe を削除すると、ビデオを再生できますが、ページの残りの部分が歪んでしまいます。

4

0 に答える 0