Page 69 - TP_Play_V2.2_Class8
P. 69

</HEAD>

                 <BODY>
                   <H1 STYLE="TEXT-ALIGN: center; COLOR: red;">Welcome to the Musical World</H1>

                   <P STYLE="TEXT-ALIGN: center;">
                     <BR>
                     <IMG SRC="MusicalNote.jpg">
                   </P>

                   <AUDIO SRC="Flute.mp3" CONTROLS
                 AUTOPLAY>
                   </AUDIO>

                 </BODY>
                 </HTML>



                 Adding Video

                 We use <video> tag to embed video in an HTML document.

                 <!DOCTYPE HTML>

                 <HTML>

                 <HEAD>
                   <TITLE>Video</TITLE>

                 </HEAD>

                 <BODY>
                     <H1  STYLE="TEXT-ALIGN:  center;
                 COLOR:  red;">Welcome  to  the  World
                 of Movies</H1>

                   <P STYLE="TEXT-ALIGN: center;">

                     <IMG SRC="VideoLogo.png"
                 WIDTH="100" HEIGHT="100">

                   </P>
                   <VIDEO SRC="Rain.mp4" WIDTH="300" HEIGHT="300" CONTROLS AUTOPLAY>

                   </VIDEO>

                 </BODY>
                 </HTML>

                 The Web browser displays the video and starts playing it. In some browsers, you need to click on the
                 play button to start the video.





                                                                                    #Images, Links & Frames in HTML5  67
   64   65   66   67   68   69   70   71   72   73   74