HTML 5 Video

HTML 5 Video

=======================================================================================

Now this network era, video is everywhere, we are very familiar with it, but in the HTML5 video is the use of what kind of sticky notes? How does it work? Let me explain to you briefly!

=======================================================================================

= video Element

= Before we know it, let's take a look at this

= Video Format

= Currently, the video element supports three different 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 file with H. + video encoding and AAC audio encoding

= WebM = WebM file with VP8 video encoding and Vorbis audio encoding

=======================================================================================

Example Analysis:

<video src= "Movie.ogg" controls= "Controls" ></video>

Tiy

The control property is used to add play, pause, and volume controls. SRC Attribute Connection file

=====================================================================================

Other properties and property values:

AutoPlay	AutoPlay	If this property appears, the video plays as soon as it is ready.
Controls	Controls	If this property appears, the control is displayed to the user, such as the play button.
Height	Pixels	Sets the height of the video player.
Loop	Loop	If this property appears, the media file starts playing again when it finishes playing.
Preload	Preload	If this property appears, the video loads when the page loads and prepares to play. If you use "autoplay", the property is ignored.
Src	Url	The URL of the video to play. <source src= "Movie.ogg" type= "Video/ogg" > instead of SRC
Width	Pixels	Sets the width of the video player.

Well, with these basic things you can generate a little video that we're all familiar with.

=======================================================================================

HTML 5 Video