Page 71 - Trackpad_V1_Book 7_Flipbook
P. 71

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

                 <!DOCTYPE HTML>

                 <HTML>
                     <HEAD>

                     <TITLE> Video </TITLE>
                     </HEAD>
                 <BODY>

                     <H1 ALIGN = "CENTER">  <FONT
                 COLOR = "Red">
                     Welcome to the World of Movies
                 </FONT></H1>
                 <P ALIGN = "CENTER">

                 <IMG SRC = "D:\VideoLogo.Png">
                 </P>
                 <VIDEO  SRC = "D:\Rain.mp4"  Width = "300"  Height  = "300"  AUTOPLAY
                 CONTROLS>

                 </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.
                 The <audio> and <video> tags might not work in some browsers that do not support HTML5 and
                 the file formats.

                 WAV, MP3, and OGG are the file formats currently supported to embed audio.

                 MP4, WebM, and OGG are the file formats currently supported to embed video.




                            FRAMES AND iFRAMES

                 Frames allow us to divide the webpage into several independent parts or panes. The frames
                 work as an independent window allowing multiple views at one time. These also help in making
                 one-part static and while allowing other parts to change as per our commands. For example,

                 when we click on the refresh button, we can reload one frame without having to reload the
                 entire webpage. A collection of frames in a web browser is called a frameset.

                 CREATING FRAMES

                 In HTML5, Frames(inline) are created using <iframe> tag, which embeds an independent HTML
                 document into the current document.


                                                                                   Images, Links and Forms in HTML5  69
   66   67   68   69   70   71   72   73   74   75   76