• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Designing web pages html videos
 

Designing web pages html videos

on

  • 757 views

Created for BBEMNHS students references

Created for BBEMNHS students references

Statistics

Views

Total Views
757
Views on SlideShare
757
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Designing web pages html videos Designing web pages html videos Presentation Transcript

    • 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 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"/>
    • 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>
    •  <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 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"/>
    • 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>
    • PROBLEMS Problems: You must convert your videos to many different formats. The <video> element does not work in older browsers.
    • 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>