<video width="320" height="240" controls> 
 <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4"> 
 <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg"> 
 Your browser does not support the video tag. 
 </video>

 
 <div style="text-align:center"> 
 <button onclick="playPause()">Play/Pause</button> 
 <button onclick="makeBig()">Big</button> 
 <button onclick="makeSmall()">Small</button> 
 <button onclick="makeNormal()">Normal</button> 
 <br /> 
 <video id="video1" width="420"> 
 <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4"> 
 <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg"> 
 Your browser does not support HTML5 video. 
 </video> 
 </div> 
 <script> 
 var myVideo = document.getElementById("video1"); 
 function playPause() { 
 if (myVideo.paused) 
 myVideo.play(); 
 else 
 myVideo.pause(); 
 } 
 function makeBig() { 
 myVideo.width = 560; 
 } 
 function makeSmall() { 
 myVideo.width = 320; 
 } 
 function makeNormal() { 
 myVideo.width = 420; 
 } 
 </script>