Page 97 - 2611_SmartGPT Pro V(5.0) C-7
P. 97

EMBEDDING 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
                 </FONT></H1>
                 <P STYLE = "text-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  95
   92   93   94   95   96   97   98   99   100   101   102