如何为mediaelement.js创建皮肤？

Question

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

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

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

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

但这是制作媒体元素皮肤的正确方法吗？我认为必须有一种我不了解的更好的方式。

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

Rolling custom control buttons

提前谢谢。

Answer 1

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

另一方面，我建议你使用模式：shim for browser supports

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