Video
Format: Consider supply your video in more than one format as not all the browsers support the same video formats.
H264: IE and Safari
WebM: Androd Chrom, Firefox, Opera
Controls: The browser supplies its own controls for the player, and these can vary from browser to browser. You can control the appearance of these controls using JavaScript. Some players behave inconsistently when elements such as menus drop over them or the window is scaled up or down. HTML5 option does not have this issue.
Support: The new HTML5 <video> element is only supported by recent browsers, so you cannot just use this one technique if you want your video work on all browsers especially older browsers. Consider combine <video> with flash video.
Using a hosted video services
The easiest way to add a video to your site is to upload the video to a video hosting service site such as Youtube or Vimeo. There are also other paid hosting services that will allow more security. You can use the features provided by these services to embed the video in your page.
Advantages: Hosted video sites provide players that wok with the majority of web browsers. You don't need to worry about encoding your video to the correct format, and player settings. The web site will automatically convert your video to all necessary format for displaying on majority of web browsers.
Disadvantages: The video content you posted will be hosted on the hosting service, can not be exclusive. Most of these services limit what your video is allowed to include, prevents you from monetizing the content. Many of these services will play advertising before your video begins; some even overlay them over your video. You don't have any control over it.
It is very easy to embed a video on your page once you have the video hosted on the video hosting service. In this module, we will learn the alternatives: hosting your video on your own site. In order for most site visitors to be able to see your video, you will need to combine HTML5 and flash movie (FLV).
H264: IE and Safari
WebM: Androd Chrom, Firefox, Opera
Controls: The browser supplies its own controls for the player, and these can vary from browser to browser. You can control the appearance of these controls using JavaScript. Some players behave inconsistently when elements such as menus drop over them or the window is scaled up or down. HTML5 option does not have this issue.
Support: The new HTML5 <video> element is only supported by recent browsers, so you cannot just use this one technique if you want your video work on all browsers especially older browsers. Consider combine <video> with flash video.
Using a hosted video services
The easiest way to add a video to your site is to upload the video to a video hosting service site such as Youtube or Vimeo. There are also other paid hosting services that will allow more security. You can use the features provided by these services to embed the video in your page.
Advantages: Hosted video sites provide players that wok with the majority of web browsers. You don't need to worry about encoding your video to the correct format, and player settings. The web site will automatically convert your video to all necessary format for displaying on majority of web browsers.
Disadvantages: The video content you posted will be hosted on the hosting service, can not be exclusive. Most of these services limit what your video is allowed to include, prevents you from monetizing the content. Many of these services will play advertising before your video begins; some even overlay them over your video. You don't have any control over it.
It is very easy to embed a video on your page once you have the video hosted on the video hosting service. In this module, we will learn the alternatives: hosting your video on your own site. In order for most site visitors to be able to see your video, you will need to combine HTML5 and flash movie (FLV).
Audio
AudioOnce you learned how to work with video, audio is rather similar. You can use a hosted service, use flash or use HTML5. However it is easier to work with video than audio. Sometimes, people will convert the audio file to a video file with still image.
Flash movie
Flash MoviesSince 1990s, Flash has been a very popular tool for creating animations, audio and video. In recent years fewer websites are using Flash. There are several reasons, one being the fact that Apple iPhone and iPad do not support flash. Another reason being HTML5 technology has been able to replace may animation functions traditionally only can be achieve by Flash. Flash is still being widely used in the Gaming industry.
|
|
|
<iframe>
The HTML Inline Frame Element ( <iframe> ) represents a nested browsing context, effectively embedding another HTML page into the current page. In HTML 4.01, a document may contain a head and a body or a head and a frame-set , but not both a body and a frame-set.
Some web pages do not allow you to embed the content in an iframe. For those pages that allow you to embed, you can use:
<iframe width="size" height="size" frameborder="0" src="url of the page"></iframe>
Some web pages do not allow you to embed the content in an iframe. For those pages that allow you to embed, you can use:
<iframe width="size" height="size" frameborder="0" src="url of the page"></iframe>