javascript - Android 4.0.4 の Flexbox Modal で MediaElement Player にコントロールが表示されない

Question

Fancybox Modal 内で作成されたメディアエレメント プレーヤーに問題があります。これは、4.0.4 を実行している Android デバイスに固有のものです。

すべての iOS デバイス、新しい Android OS、Chrome、Firefox、および 7 までの IE で、フレックスボックス モーダル内に新しい 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);

z-index やその他の css の修正を試しましたが、現在困惑しています。何か案は。