我正在使用最新的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://。 / p>
我有另外一个问题,Fancybox没有在IE8中显示图像,我跟着these directions来修复它。
如果我遗漏了任何重要信息,请告诉我,我会更新问题!
答案 0 :(得分:1)
您的Flash嵌入中似乎缺少<object>
标记,这就是为什么它可能无法在IE中运行。请参阅此Adobe KB文章: