我正在使用 jQuery fancybox 来显示 YouTube 视频,但在 Safari 浏览器中出现边框问题。在其他浏览器中,我得到了正确的显示。
我的小提琴:小提琴
有什么想法或建议吗?谢谢。
这不是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>