使用fancybox显示嵌入的blip.tv视频时出现IE8问题

时间:2011-05-10 16:49:10

标签: jquery internet-explorer fancybox embedded-video

我正在使用最新的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来修复它。

如果我遗漏了任何重要信息,请告诉我,我会更新问题!

1 个答案:

答案 0 :(得分:1)

您的Flash嵌入中似乎缺少<object>标记,这就是为什么它可能无法在IE中运行。请参阅此Adobe KB文章:

http://kb2.adobe.com/cps/415/tn_4150.html