在Android 4.0.4中無法在Flexbox Modal中的MediaElement Player中看到控件

我在Fancybox Modal中創建的mediaelement播放器存在問題。這是特定於運行4.0.4的Android設備。在所有iOS設備，新的Android操作系統，Chrome瀏覽器，Firefox和IE瀏覽器中，當我在Flexbox模式中創建新的MediaElement播放器時，我可以查看控件並與其進行交互。在Android 4.0.4中無法在Flexbox Modal中的MediaElement Player中看到控件

但是，當我在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修復程序，但我目前難住。有任何想法嗎。

來源

2013-05-13 Conner

不，我的意思是Fancybox。對於那個很抱歉。 – Conner 2013-05-14 14:19:01

我確定這是一個問題，其中Fancybox的覆蓋是以某種方式遮蔽了控件。解決方案是將疊加層的位置設置爲絕對而不是固定的。這可能會影響Fancybox的工作方式，因此插入視頻的腳本會添加並刪除適用相應樣式的類。

來源

2013-05-15 17:49:20 Conner

在Android 4.0.4中無法在Flexbox Modal中的MediaElement Player中看到控件

回答

相關問題