javascript - 如何为 mediaelement.js 创建皮肤？

Question

我之前使用过jPlayer，播放器的html标记直接在页面源中，我现在正在尝试mediaelement.js，我编写了我的音频播放器（html/css）但我不知道如何正确使用它使用 mediaelement.js 的方式。

因此 mediaelement.js 将 html 标记添加到所有音频和视频标签：

$('audio,video').mediaelementplayer(); // using the jQuery version

所以获取玩家标记的唯一方法是使用 chrome 开发者工具检查元素并复制它。

但这是为 mediaelement 制作皮肤的正确方法吗？我认为一定有更好的方法，我不知道。

我搜索但找不到任何指南，我在stackoverflow上找到了这个：

滚动自定义控制按钮

并提前感谢。

Answer 1

实际上，使用 chrome 开发人员工具检查元素是赋予样式的简单方法。在最坏的情况下，您可以覆盖它。

另一方面，我不得不建议你使用 mode:shim 来支持浏览器

    $('audio,video').mediaelementplayer({
    mode:'shim',
    startVolume: 0.8,
    loop: false,
    features: ['playpause','duration','volume'],
    success: function(player, node) {
    //success codes here
    }
});