如何爲mediaelement.js創建皮膚？

Question

我之前使用jPlayer，播放器的html標記直接在頁面源代碼中，現在我正在嘗試mediaelement.js，並且我編碼了我的音頻播放器（html/css），但我不知道如何使用它mediaelement.js正確的方式。

所以mediaelement.js添加HTML標記的所有音頻和視頻標籤：

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

因此要獲得玩家的標記的唯一方法是檢查與Chrome開發者工具的元素，並將其複製。

但這是爲mediaelement做皮膚的正確方法嗎？我認爲必須有一個我不知道的更好的方式。提前

Rolling custom control buttons

並感謝：

我搜查，但沒有找到這方面的任何指南，我發現這個在這裏計算器。

Answer 1

實際上使用chrome開發人員工具檢查元素是提供樣式的簡單方法。最糟糕的是，你可以覆蓋它。

在另一方面，我要建議你使用模式：墊片的瀏覽器支持

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