title: mediaelement.js changeSkin
body: <p>Even though it does not have much documentation I can find on the subject I know that in mediaelement.js you can change the skin of the audio player or modify the CSS to create your own skin. I am running into a problem where I can't even get the default mediaelement.js skin to replace the browser player therefore I can't modify the default CSS to my styling needs. And when I try to use the player.changeSkin() method which mediaelement.js uses on their site it halts the program. I am including the skin CSS as well as the other required mediaelement.js files, at least to the best of my knowledge, and they player works fine until I try to change the skin. I am using this code to stream audio and you can find a working version (last working upload before trying to skin the player) at <a href="http://escapetodenton.com/radio/compact-player.html">http://escapetodenton.com/radio/compact-player.html</a>. For some reason the player itself is not rendering at all right now in my version of firefox either so if you have chrome or ie you'll get a better idea of what I'm trying to do.</p>
  
  <p>Imported files in the header:</p>
  
  <pre><code>&lt;script src="build/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="build/mediaelement-and-player.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="build/mediaelementplayer.css" /&gt;
  &lt;link rel="stylesheet" href="build/mejs-skins.css" /&gt;
  &lt;script language="javascript" type="text/javascript"src="http://premiumca5.listen2myradio.com/system/streaminfo.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="compact-player.css" /&gt;
  </code></pre>
  
  <p>Player instantiation and launch:</p>
  
  <pre><code>var player = new MediaElement('player', {
  pluginPath: '/build/',
  features: ['playpause','progress','current','duration','volume'],
  audioWidth: 400,
  enableAutosize: false,
  iPadUseNativeControls: true,
  iPhoneUseNativeControls: true,
  AndroidUseNativeControls: true,
  success: function(player, node) {
  player.changeSkin('mejs-ted');
  player.play();
  }
  });
  </code></pre>
  
  <p>Since I can't find any documentation on the changeSkin() method I am just using it in the same way that mediaelement.js has it in their code for their home page. Any help or thoughts would be appreciated.</p>