<video> Tag in HTML 5

In this article I am going to tell about <video> Tag in HTML 5.
  • 2005

Definition

<video> Tag is used to embed video clips to the web browser such as movie clips or other video streams.

Supporting Browsers

Internet Explorer, Mozilla Firefox, Google Chrome, Safari and Opera are the supporting browsers.

Example
 

<html>
<head></head>
     <body style="font-family: Verdana; font-size: 22">
         <div >
             <div align="center">
                <video id="vdplayer"  src="/C:\Users\User\Downloads\Srimannarayaneeyam37Dasakamtelugu.ogv" controls="true" height="300px">

               </video>
                 <br>&nbsp;&nbsp;

                    <button onclick="document.getElementById('vdplayer').play()">Play</button>
                    <button onclick="document.getElementById('vdplayer').pause()">Pause</button>
                    <button onclick="document.getElementById('vdplayer').volume += 0.1"> High Vol</button>
                   <button onclick="document.getElementById('vdplayer').volume -= 0.1"> Low Vol </button>
              </div>
         </div>
    </body>
</html>

Output

video.JPG

Further Readings

You may also want to read these related articles

Ask Your Question 

Got a programming related question? You may want to post your question here

Programming Answers here

© 2019 DotNetHeaven. All rights reserved.