我在 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 修复程序,但目前被难住了。有任何想法吗。