Introduction to the use of HTML5 video video tag_html5 tutorial skills

HTML is applicable to HTML 5 and is used to define video streaming media for online viewing.

Copy code The code is as follows: Here is the comment text. If it cannot support HTML 5, the browser will display the text here. If supported, the video will be displayed directly and the text will be ignored. In HTML 4 and before, if you want to embed a video for online viewing in a web page, you generally need to use Flash video stream. By using the and tags, you can play swf, flv and other format video files, but the premise is that the browser must install a third-party plug-in: Adobe Flash Player. Modern smartphones and iPads generally cannot support Flash, so they cannot browse videos on the web. HTML 5 has changed this fact. Web developers only need to use the tag to easily load video files without any third-party plug-ins.

<table style="BORDER-BOTTOM: rgb(221,221,221) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(221,221,221) 1px solid; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); FONT-VARIANT: normal; FONT-STYLE: normal; TEXT-INDENT: 0px; MARGIN: 9px 0px; PADDING-LEFT: 0px; WIDTH: 639px; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; FONT-FAMILY: arial, 宋体, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(37,37,37); FONT-SIZE: 12px; BORDER-TOP: rgb(221,221,221) 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: rgb(221,221,221) 1px solid; WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px"> Properties Value Description autoplay autoplay If this attribute is present, the video will be played as soon as it is ready. controls controls If present, displays controls, such as a play button, to the user. height Pixel value Set the height of the video player. loop loop If this attribute appears, playback will start again after the media file completes playback. preload auto/meta/none Specifies whether to preload the video, possible values: auto - load the entire video when the page loads meta - load only the metadata after the page loads none - do not load the video after the page loads Loading video * src Video address The URL of the video to be played, it is recommended to use an absolute address. width Pixel value Set the width of the video player. How to write compatible video tags?

Since old browsers and Internet Explorer do not support the element, considering compatibility, we have to find a solution for these browsers that supports Flash files. Unfortunately, as with HTML 5 audio, when it comes to video file formats, Firefox and Safari/Chrome don't support them in the same way. Therefore, if you want to use HTML 5 video at this time, you need to create three versions of the video. OGG, MP4, FLV/SWF

Copy code The code is as follows: width="320" height="240" allowscriptaccess="always" allowfullscreen="true">

Properties	Value	Description
autoplay	autoplay	If this attribute is present, the video will be played as soon as it is ready.
controls	controls	If present, displays controls, such as a play button, to the user.
height	Pixel value	Set the height of the video player.
loop	loop	If this attribute appears, playback will start again after the media file completes playback.
preload	auto/meta/none	Specifies whether to preload the video, possible values: auto - load the entire video when the page loads meta - load only the metadata after the page loads none - do not load the video after the page loads Loading video
* src	Video address	The URL of the video to be played, it is recommended to use an absolute address.
width	Pixel value	Set the width of the video player.