Video/ Audio Player in HTML5

Video/ Audio Player in HTML5 

 

Tags Used

 
For video player
  1. <video controls>  
  2.     <source src="Full path of your clip with extension" >  
  3.     </video>  
For audio player
  1. <audio controls>  
  2.     <source src="Full path of your clip with extension" >  
  3.     </audio>  
Through the simple use of these tags we can simply build our own players, here's the code :
 
Video Player In HTML5
  1. <html>  
  2.     <head>  
  3.         <title>Video Player|Abhishek Jaiswal </title>  
  4.     </head>  
  5.     <body>  
  6.         <video width="500" height="250" controls>  
  7.             <source src="Full path of your clip with extension" >  
  8. // ex:   
  9.                 <source src="video.mp4" >  
  10.                 </video>  
  11.             </body>  
  12.         </html>  
Audio Player In HTML5
  1. <html>  
  2.     <head>  
  3.         <title>audio Player|Abhishek Jaiswal </title>  
  4.     </head>  
  5.     <body>  
  6.         <audio controls>  
  7.             <source src="Full path of your clip with extension" >  
  8. // ex:   
  9.                 <source src="audio.mp3" >  
  10.                 </audio>  
  11.             </body>  
  12.         </html>