jquery - Safari 中的 jQuery fancybox z-index 问题

Question

我正在使用 jQuery fancybox 来显示 YouTube 视频，但在 Safari 浏览器中出现边框问题。在其他浏览器中，我得到了正确的显示。

我的小提琴：小提琴

有什么想法或建议吗？谢谢。

Answer 1

这不是z-index问题。

根据经验，添加wmode到您的视频或 Flash 对象中，您将避免出现奇怪的行为。

在嵌入的情况下iframe，添加wmode到链接视频作为src属性中的试用参数，例如：

<iframe src="//www.youtube.com/embed/Qh5m-KTR36U?wmode=opaque" width="420" height="315" frameborder="0" allowfullscreen></iframe>

对于在fancybox中打开的视频，将其作为试用参数添加到href（否则fancybox关闭按钮将放置在视频后面），如：

<a href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1&wmode=opaque"class="fancybox fancybox.iframe" >...</a>

见JSFIDDLE