哪些是要入队的MediaElement.js脚本

时间:2015-08-26 作者:ameraz

我正在使用ajax加载(分页)帖子,所以我希望能够使用MediaElement渲染视频。新附加内容上的js。

我已经有我的脚本工作,但如果没有视频帖子包括在初始页面上,则会失败。

我想如果我把合适的脚本排在博客页面上is_home(), is_archive(), is_tag() 然后,即使初始页面上没有包含视频的帖子,它也会起作用。

目前我正在尝试这个,已经消除了js错误undefined mediaelement()但视频仍无法正确渲染。

add_action(\'wp_enqueue_scripts\', __NAMESPACE__ . \'\\\\pmt_mejs\');
function pmt_mejs() {
    if ( !is_admin() ) {
        if ( is_home() || is_archive() || is_tag() ) {
            wp_enqueue_script( \'mediaelement\' );
            wp_enqueue_script( \'wp-mediaelement\' );
        }
    }
}
没有在野外找到任何资源,如果有任何帮助,我们将不胜感激。

1 个回复
最合适的回答,由SO网友:Beer Brother 整理而成

我也有同样的问题,但与音频播放器。

首先,您需要排队MediaElement样式

wp_enqueue_style( \'wp-mediaelement\' );
接下来,您需要添加wp mediaelement作为应用程序脚本的依赖项或将其排队。

wp_enqueue_script(\'wp-mediaelement\');

wp_enqueue_script( \'app\', get_stylesheet_directory_uri() . \'/js/app.js\', array( \'jquery\', \'wp-mediaelement\' ));
因此,您需要这样的东西:

function my_enqueue_scripts(){
    wp_enqueue_style( \'wp-mediaelement\' );
    wp_enqueue_script( \'app\', get_stylesheet_directory_uri() . \'/js/app.js\', array( \'jquery\', \'wp-mediaelement\' ));
}

add_action( \'wp_enqueue_scripts\', \'my_enqueue_scripts\' );

相关推荐