HTML5 -- Video and html5video support formats

HTML5 -- Video and html5video support formats
HTML5-Video format

Currently, the video element supports three video formats:

Format	IE	Firefox	Opera	Chrome	Safari
Ogg	No	3.5 +	10.5 +	5.0 +	No
MPEG 4	9.0 +	No	No	5.0 +	3.0 +
WebM	No	4.0 +	10.6 +	6.0 +	No

Ogg = Ogg file with Theora video encoding and Vorbis Audio Encoding

MPEG4 = MPEG 4 files with H.264 video encoding and AAC audio encoding

WebM = A WebM file with VP8 video encoding and Vorbis Audio Encoding

 

You only need to use the following tags on the page

<Video width = "480" height = "320" controls = "controls"> <source src = "test.mp4" type = "video/mp4"> you cannot view video tags. </video>

<Video> tag attributes

Attribute value description

Attribute	Value	Description
Autoplay	Autoplay	If this attribute appears, the video will be played immediately after it is ready.
Controls	Controls	If this attribute is displayed, the control, such as the play button, is displayed to the user.
Height	Pixels	Set the height of the video player.
Loop	Loop	If this attribute is displayed, the media file starts playing again after being played.
Preload	Preload	If this attribute is displayed, the video is loaded when the page is loaded and ready for playing. If "autoplay" is used, this attribute is ignored.
Src	Url	The URL of the video to be played.
Width	Pixels	Set the width of the video player.

HTML5 <video>-methods, attributes, and events

The video methods, attributes, and events supported by most browsers are listed below:

Method	Attribute	Event
Play ()	CurrentSrc	Play
Pause ()	CurrentTime	Pause
Load ()	VideoWidth	SS
CanPlayType	VideoHeight	Error
	Duration	Timeupdate
	Ended	Ended
	Error	Abort
	Paused	Empty
	Muted	Emptied
	Seeking	Waiting
	Volume	Loadedmetadata
	Height
	Width

Note: Only the videoWidth and videoHeight attributes are available immediately. Other attributes are available only after the video metadata has been loaded.