最新の fancybox 1.3.1 と jquery 1.6 を使用しています。Fancybox からビデオを埋め込もうとしています。Fancybox には YouTube のサポートが組み込まれていることは知っていますが、ビデオと Fancybox のリンクはクライアントから提供されたものであるため、別のサービスを使用することはできません。Fancybox には、blip.tv のサポートが組み込まれていないようです。
これまでのところ、私のコードは次のようになります。
<div style="float: right; margin: 0px; padding: 0px;">
<a id='video' href='#data'><img src='images/gift_btn.JPG' border='0'
alt='Learn How to Make An Online Gift'/></a>
<div style='display:none'>
<div id='data'>
<embed src="https://blip.tv/play/hYwWgrniXAA"
type="application/x-shockwave-flash" width="640" height="392"
allowscriptaccess="always" allowfullscreen="true"></embed>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("a#video").fancybox();
});
</script>
これは FireFox ではうまく機能しますが、IE8 では灰色のボックスしか表示されません。
重要ではないと思われるいくつかの追加情報ですが、重要な場合に備えて:
本番環境では、ページは常に https:// で提供されます (ログイン ページにビデオを埋め込む必要があります)。したがって、上記の blip.tv リンクでは https:// を使用しています。
Fancybox が IE8 で画像を表示しないという別の問題があり、これらの指示に従って修正しました。
重要な情報が不足している場合はお知らせください。質問を更新します。