Question

我为fondbox链接创建了一个自定义关闭按钮，用于转换为YouTube视频。当我添加边框半径以使其成为圆形时，由于某种原因，当在Firefox中查看时，关闭按钮会在视频后面结束。

这是CSS：

.fancybox-close {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    background: #CCC;
    z-index: 8040;
}

可在此处查看完整网站 http://www.neoscapelabs.com/projects/469seventh/

Answer 1

您必须对代码进行一些调整：

1）。从以下链接更改链接的网址：

http://www.youtube.com/v/PzBk4-awY40?autoplay=1

到这个

http://www.youtube.com/embed/PzBk4-awY40?autoplay=1&wmode=opaque

注意我们从v/切换到embed/并添加了尾随参数&wmode=opaque

2）。听起来很奇怪，将wmode设置为opaque也是 iframe 。您可以使用iframe API选项执行此操作，例如：

iframe : {
    preload: false,
    wmode: "opaque"
}

BTW，我还建议你将preload设为false。

<强> JSFIDDLE

FancyBox自定义关闭按钮边界 - 半径问题

1 个答案: