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

【问题标题】：IE8 problem when using fancybox to show embedded blip.tv videos使用 fancybox 显示嵌入的 blip.tv 视频时出现 IE8 问题
【发布时间】：2011-05-10 16:49:09
【问题描述】：

我正在使用最新的 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 中不显示图像，我按照 these directions 进行了修复。

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

【问题讨论】：

标签： jquery internet-explorer fancybox embedded-video

【解决方案1】：

您的 Flash 嵌入中似乎缺少 <object> 标记，这就是它可能无法在 IE 中运行的原因。请参阅有关该主题的 Adobe 知识库文章：

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

【讨论】：