HTML5视频播放标签video和音频播放标签audio标签的正确用法

<video src="//www.jb51.net/~j/theora_testsuite/320x240.ogg" controls autoplay loop>
 your browser does not support the <code>video</code> element.
</video>

<audio controls autoplay loop src="/test/audio.ogg">
<p>your browser does not support the <code>audio</code> element.</p>
</audio>

<audio src="audio.ogg" controls autoplay loop>
<p>your browser does not support the <code>audio</code> element </p>
</audio>

<audio src="audio.mp3" preload="auto" controls></audio>

<video controls>
 <source src="foo.ogg" type="video/ogg">
 <source src="foo.mp4" type="video/mp4">
 your browser does not support the <code>video</code> element.
</video>

<video controls>
 <source src="foo.ogg" type="video/ogg; codecs=dirac, speex">
 your browser does not support the <code>video</code> element.
</video>

var v = document.getelementsbytagname("video")[0];
v.play();

<audio id="demo" src="audio.mp3"></audio>
<div>
 <button onclick="document.getelementbyid('demo').play()">播放</button>
 <button onclick="document.getelementbyid('demo').pause()">暂停</button>
 <button onclick="document.getelementbyid('demo').volume+=0.1">降低音量</button>
 <button onclick="document.getelementbyid('demo').volume-=0.1">提高音量</button>
</div> 

var mediaelement = document.getelementbyid("mymediaelementid");
mediaelement.pause();
mediaelement.src='';
//或
mediaelement.removeattribute("src"); 

var mediaelement = document.getelementbyid('mediaelementid');
mediaelement.seekable.start(0); // 返回开始时间 (秒)
mediaelement.seekable.end(0);  // 返回结束时间 (秒)
mediaelement.currenttime = 122; // 定位到第 122 秒播放
mediaelement.played.end(0);   // 返回已经播放的时间长度(秒)

<video poster='cover.jpg' src="//www.jb51.net/~j/theora_testsuite/320x240.ogg" controls autoplay loop>
 your browser does not support the <code>video</code> element.
</video>

<video controls>
 <source src="dynamicsearch.mp4" type="video/mp4"></source>
 <a href="dynamicsearch.mp4" rel="external nofollow" >
  <img data-original="dynamicsearch.jpg" alt="dynamic app search in firefox os">
 </a>
 <p>click image to play a video demo of dynamic app search</p>
</video>

var v = document.queryselector('video'),
  sources = v.queryselectorall('source'),
  lastsource = sources[sources.length-1];
lastsource.addeventlistener('error', function(ev) {
 var d = document.createelement('div');
 d.innerhtml = v.innerhtml;
 v.parentnode.replacechild(d, v);
}, false);