Firefox、IE7、IE9 などのブラウザでは YouTube の埋め込みは正常に機能しますが、IE8 では動画をクリックしても何も起こりません。
おそらくZ-indexに関係するCSSの問題だと思いますか?私は物事を変えようとしましたが、運がありませんでした。
どんな助けでも素晴らしいでしょう。ページにアクセスし、画像をクリックして問題を確認してください。
モーダルの CSS は次のとおりです。
.youtubemodal {
width: 590px;
height: 464px;
position:fixed;
z-index:700;
top:180px;
left:50%;
display:none;
background-image: url('images/youtubeconsole.png');
margin-left:-295px;
}
.youtubediv {
position:absolute;
left:15px;
top:15px;
}
.youtubexbutton {
bottom: 12px;
right:13px;
position:absolute;
width:26px;
height:26px;
background-image:url('images/youtubex.png');
}
そしてスクリプト:
jQuery('#youtube').click(function(){
jQuery('.youtubemodal').show();
});
そしてHTML:
<div class="youtubemodal"><div class="youtubediv"><iframe width="560" height="400" src="http://www.youtube.com/embed/G5FRxH8ytJk" frameborder="0" allowfullscreen></iframe></div>