Video API

autoplay	    设置或返回是否在加载完成后随即播放音频
controller	    返回表示音频当前媒体控制器的 MediaController 对象
controls	    设置或返回音频是否显示控件(比如播放/暂停等)
crossOrigin	    设置或返回音频的 CORS 设置
currentSrc	    回当前音频的 URL
currentTime	    设置或返回音频中的当前播放位置(以秒计)
defaultPlaybackRate	设置或返回音频的默认播放速度
duration	    返回当前音频的长度(以秒计)
ended	        返回音频的播放是否已结束
loop	        设置或返回音频是否应在结束时重新播放
muted	        设置或返回音频是否静音
paused	        设置或返回音频是否暂停
playbackRate	设置或返回音频播放的速度
played	        返回表示音频已播放部分的 TimeRanges 对象
preload	        设置或返回音频是否应该在页面加载后进行加载
readyState	    返回音频当前的就绪状态
seekable	    返回表示音频可寻址部分的 TimeRanges 对象
src	            设置或返回音频元素的当前来源
volume	        设置或返回音频的音量


<video width="300" height="300" controls>
  <!-- 设置视频地址 -->
  <source src="/static/src/movie.mp4" type="video/mp4">
</video>
<canvas width="300" height="300"></canvas>


var video = document.getElementsByTagName("video")[0];
var canvas = document.getElementsByTagName("canvas")[0];
var ctx = canvas.getContext("2d");
var interval;
//当视频播放时
video.onplay = function () {
	clearInterval(interval);//播放时先清除以前的定时器
	//定时抓去视频界面
	interval = setInterval(function(){
		//清除当前画布
		ctx.clearRect(0,0,canvas.width,canvas.height);
		//抓取视频播放画面
		ctx.drawImage(video,0,0,canvas.width,canvas.height);
	},1000 / 60);
};
//当视频暂停时
video.onpause = function(){
	clearInterval(interval);
};

video.play(); // 播放视频