所需的UI是<audio>
标签,特别是谷歌浏览器。DOM完成加载后,该标记将被替换为基于JS的音频播放器控件。黑暗播放器是基于JS的音频播放器。您喜欢的浅色UI是浏览器的默认UI。
这意味着,只有当用户具有相同的操作系统和浏览器以及相同的操作系统设置时,您想要的UI才可用。
例如,以下是各种浏览器中的MP3文件默认值audio
三大浏览器(safari、google chrome、firefox)中MacOS上的播放器实现:
请注意,我的机器设置为暗模式,其中两个浏览器相应地调整了播放器。
我建议您保留WP Media元素脚本/样式,并在顶部添加您自己的样式。这可以确保您的播放器在所有平台上都符合您的要求。
如果您想恢复到<audio>
标签,您可以使用此选项:
add_action(\'init\', \'remove_media_element\', 10);
function remove_media_element() {
wp_deregister_script(\'wp-mediaelement\');
wp_deregister_style(\'wp-mediaelement\');
}
但请记住:
这也会影响<video>
标签在不同设备上的播放器外观会有所不同,播放器功能也会有所不同。E、 g.Safari有airplay控件,但Chrome没有,Chrome有下载菜单,但Safari没有,一些插件将停止工作。在谷歌上快速搜索该代码时,一位用户问,为什么它破坏了一个图库插件,浏览器可以并且确实改变了这些UI,你今天看到的可能不是你明天看到的