自定义默认MediaElement播放器

时间:2014-11-06 作者:nvby

大家早上好/下午好。

一直在玩默认的wordpress mediaelement播放器,并且非常喜欢它。

我通过覆盖子主题样式表中的一些css值,对布局进行了一些自定义<但是我不喜欢这样做,因为基本上我只是添加了一些!important css规则,这不一定适用于我的所有网站页面。

在寻找另一种方法来实现这一点时,我发现:http://wpsites.net/web-design/how-to-deregister-dequeue-style-sheets/

因此,我的问题是:是否可以将wp-mediaelement.css 样式表(位于/js/mediaelement/wp-includes/js/mediaelement文件夹中)并注册/排队定制样式表?

如果是,我在哪里/如何获得$handle 包括了多少个css样式表,这样我就可以把自己的样式排成一列了?是否有类似的$句柄列表this one 对于wp codex中的js脚本?


另外,当我在玩音频文件播放列表功能时,我在页面的html代码中注意到:

<div class="wp-playlist-next"></div>
<div class="wp-playlist-prev"></div>
通过将此添加到css:

.wp-playlist-prev {
width: 30px;
height: 30px;
background: red;}

.wp-playlist-next {
width: 30px;
height: 30px;
background: green;}
控制栏下方最终会显示一个绿色框和一个红色框,单击它实际上会播放下一首/上一首歌曲
但是,将该功能无缝集成到控制栏的过程是什么?

感谢阅读,这是我在这里的第一篇帖子,希望我做得对。

1 个回复
SO网友:nvby

好吧,我确实在加载MediaElement播放器的页面上有选择地添加了一些自定义css,方法是将其添加到我的函数中。php文件:

function custom_player() {
    wp_enqueue_style(
        \'custom-player\',
        get_stylesheet_directory_uri() . \'/wp-mediaelement.css\'
    );
        $custom_css = "
                /*here goes the css*/
                ";
        wp_add_inline_style( \'custom-player\', $custom_css );
}

add_action( \'wp_enqueue_scripts\', \'custom_player\' );
通过使用wp_add_inline_style() 我不需要添加一些!important 我的主题样式表中的css<这样做合适吗?

[编辑]
我尝试使用上面的出列/注销方法,将“wp mediaelement”作为$句柄,但这完全破坏了布局。我认为这可能是因为加载mediaelement文件时没有任何文件。css文件就在其中。js脚本。因此,通过使用出列/注销方法,我只能加载一些额外的css。。。但这并不好<但是现在怎么可能呢?默认css文件不应该在某个地方排队吗?

结束

相关推荐

如何让一个随机的css样式入队?

我想要一个随机CSS样式的文件加载到我的网站上,每个页面视图,这样我就可以玩颜色背景。所以我把我所有的风格都放在一个文件夹里,我给它们命名1.css, 2.css, 等等,我补充道:<link rel=\'stylesheet\' id=\'name-random-color-css\' href=\'http://www.url.com/wp-content/themes/themename/inc/rcolor/<?php echo mt_rand(1, 9) ?>.css\' ty