jquery - VideoJS 全屏和 Fancybox

Question

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

如果我将其设置为较低的 z-index，那么当非全屏显示时它会出现在视频下方。

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

Answer 1

有同样的问题...我确信这可以做得更干净，但我最终破解了 open video.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();
    },