Как создать скин для mediaelement.js?

Question

Я использовал jPlayer раньше, и html-разметка проигрывателя прямо в источнике страницы, я сейчас пытаюсь использовать mediaelement.js, и я закодировал свой аудиоплеер (html/css), но я не знаю, как его использовать правильный путь с mediaelement.js.

так mediaelement.js добавляет HTML-разметку для всех аудио и видео теги:

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

поэтому единственный способ получить разметку игрока, чтобы проверить элемент с помощью инструментов разработчика Chrome и скопировать его.

но это правильный способ сделать кожу для медиаэлемента? Я думаю, что должен быть лучший способ, о котором я не знаю.

Я искал, но не мог найти какие-либо руководства для этого, я нашел это здесь, на StackOverflow:

Rolling custom control buttons

И спасибо заранее.

Answer 1

На самом деле использование элемента контроля с помощью хромированных инструментов - это простой способ придавать стиль. В худшем случае вы можете переопределить его.

С другой стороны, я должен предложить вам режим использования: прокладка для браузера поддерживает

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