Designing web pages html videos
Download as PPTX, PDF0 likes718 views
This document discusses different methods for playing videos in HTML pages, including using the <embed>, <object>, and <video> tags. It also covers using hyperlinks to link to video files. The <embed> and <object> tags can be used to embed multimedia like Flash videos, while the <video> tag, new in HTML5, allows embedding videos in different formats like MP4, Ogg, and WebM. Problems include needing different video formats for compatibility and older browsers not supporting the <video> element.
Designing web pages html videos
- 1. Designing Web Pages HTML Videos Playing Videos in HTML
- 2. Videos can be played in HTML by many different methods. The <embed> Tag The purpose of the <embed> tag is to embed multimedia elements in HTML pages. The following HTML fragment displays a Flash video embedded in a web page: Ex. <embed src="intro.swf" height="200" width="200"/>
- 3. Videos can be played in HTML by many different methods. <embed src="BBEMNHS School Hymn.wmv" autostart="true" hidden="true" loop="false"> <noembed><bgsound src="BBEMNHS School Hymn.wmv" loop="1"></noembed> Where: autostart = true or false and governs whether or not the video will play automatically. loop = the actual number of times for the video to rewind and replay or "infinite."You might use code like that displayed in the example below to display a video file: <embed src="earth.avi" autostart="true" loop="infinite" height=100 width=100>
- 4. <embed src="d.mp4" autostart="true" hidden="true" loop="false"> <noembed><bgsound src="d.mp4" loop="1"></noembed>
- 5. Videos can be played in HTML by many different methods. Using The <object> Tag The purpose of the <object> tag is to embed multimedia elements in HTML pages. The following HTML fragment displays a Flash video embedded in a web page: Ex. <object data="intro.swf" height="200" width="200"/>
- 6. Videos can be played in HTML by many different methods. Using the <video> Tag The <video> element is new in HTML 5. The purpose of the <video> tag is to embed video elements in HTML pages. The following HTML fragment displays a video in ogg, mp4, or webm format embedded in a web page: Ex. <video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" /> Your browser does not support the video tag. </video>
- 7. PROBLEMS Problems: You must convert your videos to many different formats. The <video> element does not work in older browsers.
- 8. Videos can be played in HTML by many different methods. Using A Hyperlink If a web page includes a hyperlink to a media file, most browsers will use a "helper application" to play the file. The following code fragment displays a link to a Flash video. If a user clicks on the link, the browser will launch a helper application, like Windows Media Player to play the AVI file: Ex. <a href="intro.swf">Play a video file</a>