Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Designing Web Pages     HTML VideosPlaying Videos in HTML
Videos can be played in HTMLby many different methods. The <embed> Tag The purpose of the <embed> tag is to  embed multi...
Videos can be played in HTMLby many different methods.   <embed src="BBEMNHS School Hymn.wmv"    autostart="true" hidden=...
 <embed src="d.mp4" autostart="true"  hidden="true" loop="false"> <noembed><bgsound src="d.mp4"  loop="1"></noembed>
Videos can be played in HTMLby many different methods. Using The <object> Tag The purpose of the <object> tag is to  emb...
Videos can be played in HTMLby many different methods. Using the <video> Tag The <video> element is new in HTML 5. The ...
PROBLEMS Problems: You must convert your  videos to many different  formats. The <video> element does  not work in olde...
Videos can be played in HTMLby many different methods. Using A Hyperlink If a web page includes a hyperlink to a  media ...
Upcoming SlideShare
Loading in …5
×

Designing web pages html videos

788 views

Published on

Created for BBEMNHS students references

Published in: Education
  • Be the first to comment

  • Be the first to like this

Designing web pages html videos

  1. 1. Designing Web Pages HTML VideosPlaying Videos in HTML
  2. 2. Videos can be played in HTMLby 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. 3. Videos can be played in HTMLby 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. 4.  <embed src="d.mp4" autostart="true" hidden="true" loop="false"> <noembed><bgsound src="d.mp4" loop="1"></noembed>
  5. 5. Videos can be played in HTMLby 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. 6. Videos can be played in HTMLby 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. 7. PROBLEMS Problems: You must convert your videos to many different formats. The <video> element does not work in older browsers.
  8. 8. Videos can be played in HTMLby 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>

×