====== HTML5 Media Links ======


syncing content with video: [[http://www.smashingmagazine.com/2011/03/11/syncing-content-with-html5-video/ | Sync]]

<code>
<div id="stage">
  <video src="http://vid.ly/4f3q1f?content=video" controls></video> 
  <div id="time"></div>
</div>       
<script>
  (function(){
    var v = document.getElementsByTagName('video')[0]
    var t = document.getElementById('time');
    v.addEventListener('timeupdate',function(event){
      t.innerHTML = parseInt(v.currentTime) + ' - ' + v.currentTime;
    },false);
  })();
</script>
</code>

[[http://blog.teamtreehouse.com/building-custom-controls-for-html5-videos | HTML5 custom controls]]


[[https://developer.mozilla.org/en-US/docs/Web/API/document.createEvent | Create Event]]



[[http://www.dwuser.com/education/content/z-index-property-how-to-control-stacking-in-your-pages/ | z-index]]


[[http://css-tricks.com/custom-controls-in-html5-video-full-screen/ | hiding full screen controls]]

[[http://www.w3schools.com/tags/ref_av_dom.asp | HTML5 video ref]]