Page 71 - Chinmaya_C7_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 web page 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 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 web
                 page. 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