title: How to create a skin for mediaelement.js?
body: <p>I used jPlayer before and the html markup of the player is in the page source directly, I'm trying mediaelement.js now, and I coded my audio player (html/css) but I don't know how to use it the right way with mediaelement.js.</p>
  
  <p>so mediaelement.js adds the html markup to all the audio and video tags:</p>
  
  <pre><code>$('audio,video').mediaelementplayer(); // using the jQuery version
  </code></pre>
  
  <p>so the only way to get the player's markup is to inspect the element with chrome developer tools and copy it.</p>
  
  <p>but is this the right way to make a skin for mediaelement ? I think there must be a better way that I'm not aware of.</p>
  
  <p>I searched but couldn't find any guides for this, I found this here on stackoverflow:</p>
  
  <p><a href="https://stackoverflow.com/questions/8059843/rolling-custom-control-buttons/8357389#8357389">Rolling custom control buttons</a></p>
  
  <p>And thanks in advance.</p>