Javascript 在Android 4.0.4的Flexbox模式中看不到MediaElement播放器上的控件

我对在Fancybox模式中创建的mediaelement播放器有问题。这是运行4.0.4的Android设备特有的

在所有的iOS设备上，新的Android操作系统、Chrome、Firefox和IE下至7，当我在flexbox模式中创建一个新的MediaElement播放器时，我能够查看控件并与之交互

但是，当我在4.0.4上创建它时，控件是隐藏的，尽管如果我正确猜测它们在哪里，我可以点击它们。但我不能点击视频本身，这使得播放变得困难。而隐藏的控件显然是个问题

mediaelementjs_settings  =  {

                    loop    :  mej_loop,
                    pluginPath  :  options.plugin_path,
                    iPadUseNativeControls: options.mobile_native_controls,
                    iPhoneUseNativeControls: options.mobile_native_controls,
                    AndroidUseNativeControls: false,
                    alwaysShowControls: false,
                    error       :  function (mediaElement, domObject) {
                        $('<p class="' + options.component_type + '_error_message">' + options.error_msg + '</p>').insertAfter($(mediaElement).parent().parent().parent());
                        options.component_el.trigger(component_error, options);
                    },
                    success      :  function( mediaElement, domObject ) {
                        var meEl = mediaElement;
                        options.component_el.trigger(component_initialized, options);
                        if(mej_auto_start) {
                            // autostart requires a short timeout to work on several video formats. 100ms
                            // is hardly noticeable so we do it for everything for consistency 
                            window.setTimeout(function() {
                                mediaElement.play();
                            }, 100);
                        }
                    },
                    pauseOtherPlayers: false
                };


new MediaElementPlayer($(this).find('video:first'), mediaelementjs_settings);

mediaelementjs\u设置={
回路：mej_回路，
pluginPath:options.plugin\u路径，
iPadUsenactiveControl:options.mobile_native_控件，
iPhoneUseNativeControl:options.mobile\u native\u控件，
AndroidUseNativeControl:错误，
alwaysShowControls:错误，
错误：函数（mediaElement、domObject）{
$（“
”+options.error\u msg+”
）.insertAfter（$（mediaElement.parent（）.parent（）.parent（））；
选项。组件触发（组件错误，选项）；
},
成功：函数（mediaElement、domObject）{
var meEl=mediaElement；
组件触发（组件初始化，选项）；
如果（mej_自动启动）{
//autostart需要很短的超时时间才能处理多种视频格式。100毫秒
//几乎不明显，因此我们为保持一致性而尽一切努力
setTimeout（函数（）{
mediaElement.play（）；
}, 100);
}
},
暂停其他玩家：错
};
新的MediaElementPlayer（$（this）.find（'video:first'），mediaelementjs_设置）；

---

我已经玩过z-index和其他css修复程序，但是现在我被难倒了。任何想法

我认为Fancybox的覆盖层在某种程度上模糊了控件，这是一个问题。解决方案是将叠加的位置设置为绝对，而不是固定。这可能会影响Fancybox的工作方式，因此插入视频的脚本会添加和删除应用适当样式的类

不，我是说Fancybox。很抱歉。