0

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

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

4

1 回答 1

1

您的 Flash 嵌入中似乎缺少一个<object>标签，这就是它在 IE 中可能无法正常工作的原因。请参阅有关该主题的 Adob​​e 知识库文章：

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

于 2011-05-10T16:58:17.940 回答