1

我在 Fancybox Modal 中创建的 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);

我玩过 z-index 和其他 css 修复程序,但目前被难住了。有任何想法吗。

4

1 回答 1

0

我确定这是一个问题,即 Fancybox 的覆盖以某种方式掩盖了控件。解决方案是将覆盖的定位设置为绝对而不是固定。这可能会影响 Fancybox 的工作方式,因此插入视频的脚本会添加和删除应用适当样式的类。

于 2013-05-15T17:49:20.917 回答