html5 video的一些问题

Question

<video id="vdo" width="428px" height="240px" preload="auto">
			<source src='https://media.w3.org/2010/05/sintel/trailer.ogv' type="video/ogg"></source>
			<source src="https://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"></source>
			<source src="https://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm"></source>
		</video><br />
		<button id="btn_1">开始</button>
		<button id="btn_2">暂停</button>
		<button id="btn_3">快进</button>
		<button id="btn_4">后退</button>
		<button id="btn_5">加速</button>
		<button id="btn_6">减速</button>
		<button id="btn_7">增音</button>
		<button id="btn_8">减音</button>
		<button id="btn_9">静音/恢复</button>
		<script> 
			var vdo=document.getElementById('vdo');
			vdo.onmouseover=function(){
				this.controls=true;
			}
			vdo.onmouseout=function(){
				this.controls=false;
			}
			var btn_1=document.getElementById('btn_1');
			btn_1.onclick=function(){
				vdo.play();
			}
			var btn_2=document.getElementById('btn_2');
			btn_2.onclick=function(){
				vdo.pause();
			}
			var btn_3=document.getElementById('btn_3');
			btn_3.onclick=function(){							//ie进入页面后直接点击快进和后退的时候控制框不显示
				vdo.onmouseover();
				var n=vdo.currentTime;
				n+=5;
				vdo.currentTime=n;
			}
			var btn_4=document.getElementById('btn_4');
			btn_4.onclick=function(){
				vdo.onmouseover();
				var n=vdo.currentTime;
				n-=5;
				vdo.currentTime=n;
			}
			var btn_5=document.getElementById('btn_5');
			btn_5.onclick=function(){
				var m=vdo.playbackRate;
				m=m+0.2;
				vdo.playbackRate=m;
			}
			var btn_6=document.getElementById('btn_6');
			btn_6.onclick=function(){
				var m=vdo.playbackRate;
				m=m-0.2;
				vdo.playbackRate=m;
			}
			var btn_7=document.getElementById('btn_7');
			btn_7.onclick=function(){
				var x=vdo.volume;
				if(x<1){
				x=x+0.1;
				vdo.volume=x;
				}
			}
			var btn_8=document.getElementById('btn_8');
			btn_8.onclick=function(){
				var x=vdo.volume;
				if(x>0){								//这里到最小时为什么会报错？
				x=x-0.1;
				vdo.volume=x;
				}
			}
			var btn_9=document.getElementById('btn_9');
			btn_9.onclick=function(){
				if(vdo.muted){
					vdo.muted='';
				}else{
					vdo.muted='muted';
				}
			}

Answer 1

怎么模拟全屏的按钮