Divi-如何在移动设备上显示背景视频

时间:2020-01-13 作者:DACrosby

默认情况下,Divi主题会强制阻止背景视频在移动设备上显示。有没有办法解决这个问题,即使不是所有设备都受支持,至少向确实支持mp4/webm的设备展示mp4/webm会很好。

1 个回复
SO网友:DACrosby

我在主题代码中找到了一个“坏而脏”的补丁。当您更新主题时,这将被覆盖,因此您必须在此时再次执行此操作。

themes/Divi/includes/builder/scripts/frontend-builder-scripts.js第1316-1330行

if ( et_is_mobile_device ) {
    $( \'.et_pb_section_video_bg\' ).each( function() {
        var $this_el = $(this);

        $this_el.closest( \'.et_pb_preload\' ).removeClass( \'et_pb_preload\' );

        $this_el.remove();
    } );

    $( \'body\' ).addClass( \'et_mobile_device\' );

    if ( ! et_is_ipad ) {
        $( \'body\' ).addClass( \'et_mobile_device_not_ipad\' );
    }
}
更改为:

if ( et_is_mobile_device ) {
    //$( \'.et_pb_section_video_bg\' ).each( function() {
    //  var $this_el = $(this);

    //  $this_el.closest( \'.et_pb_preload\' ).removeClass( \'et_pb_preload\' );

    //  $this_el.remove();
    //} );

    $( \'body\' ).addClass( \'et_mobile_device\' );

    if ( ! et_is_ipad ) {
        $( \'body\' ).addClass( \'et_mobile_device_not_ipad\' );
    }
}
注意,您还必须取消选中Divi主题选项“缩小并合并Javascript文件”

。。或者从themes/Divi/js/custom中删除相关代码。min.js,混合在第98行(如果您不知道自己在做什么,则不建议使用)。也许有其他方法可以重建缓存,但我不确定。

相关推荐

如何在主题上实现wp_is_Mobile?

我只是读了wp_is_mobile function reference 我有一些问题。正如您所看到的,有一行粗体文字的解释:It also should not be used for themes. 我真的不知道这是什么意思。我只想在一个主题中实现这一点,该主题与css媒体查询相结合,用于布局和wp\\u is\\u mobile,用于删除某些元素。例如,我想在大窗口(即桌面)中显示滑块和侧边栏,然后我想在移动设备中删除它们。我可以用css属性隐藏它们display: none; visibility