title: How to build my own embeddable audio player // not pure flash
body: <p>We are currently developing a community based on user-generated audio content. The base technology for playing audio <s>will be Soundmanager 2</s> is HTML5. We created our own player interface based on <s>the SM2 options</s> jQuery.</p>
  
  <p>In order to make the uploaded mp3 files embeddable I am currently looking for the right technology. The player must be playable on mobile devices (which excludes pure flash players, I assume). Traffic leaks should be avoidable.</p>
  
  <p><strong>What is the best approach to create an embeddable player snippet regarding cross-browser (and cross-device) compatibility and security?</strong> </p>
  
  <p>IMHO, those are the options:</p>
  
  <ul>
  <li>Embed with an <code>&lt;iframe&gt;</code> tag (like Facebook offers) </li>
  <li>Embed with a <code>&lt;script&gt;</code> tag (that "injects" the player code into the DOM). </li>
  <li>Just offer a shortened HTML markup snippet, with all links made absolute (CSS, JS,
  images)</li>
  </ul>
  
  <p><strong>EDIT</strong>: To avoid misreading: I am talking about an embedding code that can be offered to our visitors, so they can use <em>our</em> player on <em>their</em> remote websites. Yes, like Youtube or Soundcloud.</p>