Comment créer un habillage pour mediaelement.js?

Question

J'ai utilisé jPlayer avant et le balisage html du lecteur est directement dans la source de la page, j'essaie maintenant mediaelement.js, et j'ai codé mon lecteur audio (html/css) mais je ne sais pas comment l'utiliser la bonne façon avec mediaelement.js.

si mediaelement.js ajoute le balisage HTML pour toutes les balises audio et vidéo:

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

la seule façon d'obtenir le balisage du joueur est d'inspecter l'élément avec des outils de développement de chrome et de le copier.

mais est-ce la bonne façon de faire une peau pour le médiaelement? Je pense qu'il doit y avoir une meilleure façon dont je ne suis pas au courant.

J'ai cherché mais n'a pas trouvé de guides pour cela, je trouve cela ici sur stackoverflow:

Rolling custom control buttons

Et merci à l'avance.

Answer 1

En fait, l'utilisation de l'élément avec des outils de révélateur chromés est un moyen facile de donner du style. Au pire, vous pouvez le remplacer.

D'autre part, je dois vous suggérons d'utiliser le mode: shim pour navigateur prend en charge

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