Jquery VideoJS全屏和Fancybox

我正在Fancybox中用VideoJS打开一个HTML5视频。这很好用。除了视频上方出现fancybox关闭按钮之外

如果我将其设置为较低的z索引，则它会在未全屏显示时显示在视频下

---

知道如何解决这个问题吗？

也有同样的问题。。。我相信这可以做得更干净，但我最终破解了openvideo.js

    // Turn on fullscreen (window) mode
    // Real fullscreen isn't available in browsers quite yet.
    enterFullScreen: function () {
        if (this.supportsFullScreen()) {
            this.html5EnterNativeFullScreen();
        } else {
            this.enterFullWindow();
        }
        // Hide fancybox close button
        $("#fancybox-close").hide();
    },

    exitFullScreen: function () {
        if (this.supportsFullScreen()) {
            // Shouldn't be called
        } else {
            this.exitFullWindow();
        }
        // Show fancybox close button
        $("#fancybox-close").show();
    },

---

我有一个类似的问题，但随着Flash播放器进入全屏模式。每次Flash播放器都会全屏，FANYBOX的关闭按钮就会出现在视频中间。

我解决这个问题的方法是更改CSS中的

z-index

设置：

.fancybox-outer{
    z-index:200;
}

然后调整其条目中关闭按钮的

z-index

，使其小于外部包装：

.fancybox-close {
    z-index:100;    
}

我应该注意，只有在使用默认的fancybox外观并在视频边缘留下填充物时，这才有帮助。否则，您将看到视频后面的按钮（与OP一样）