Introduction to the use of HTML5 video video tags-HTML Tutorial-php.cn

This article mainly introduces the use of HTML5 video video tags. It has certain reference value. Now I share it with you. Friends in need can refer to it.

HTML video is suitable for HTML 5 and is used for Define video streaming media for online viewing. Here is a brief introduction for the convenience of friends who need it

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

Copy code

The code is as follows:

Copy after login Here is the comment text. If HTML 5 cannot be supported, the browser will display it 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 streaming, by using and tag, you can play video files in swf, flv and other formats through the browser, 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 appears, the video will be played immediately after it is ready. controls controls If this attribute appears, controls are displayed to the user, such as a play button. height Pixel value Sets 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 when the page is loaded Load the entire video meta - only load metadata when the page loads none - do not load the video when the page loads * src Video address The URL of the video to be played, it is recommended to use an absolute address. width Pixel value Sets the width of the video player. 如何写兼容的视频标签？

由于旧的浏览器和Internet Explorer不支持 元素，考虑到兼容性，我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是，和HTML 5音频一样，涉及到视频的文件格式，Firefox 和 Safari/Chrome 的支持方式并不相同。因此，如果你想在这个时候使用HTML 5视频，则需要创建三个视频版本。OGG，MP4，FLV/SWF

复制代码

代码如下:

Copy after login

Properties	Value	Description
autoplay	autoplay	If this attribute appears, the video will be played immediately after it is ready.
controls	controls	If this attribute appears, controls are displayed to the user, such as a play button.
height	Pixel value	Sets 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 when the page is loaded Load the entire video meta - only load metadata when the page loads none - do not load the video when the page loads
* src	Video address	The URL of the video to be played, it is recommended to use an absolute address.
width	Pixel value	Sets the width of the video player.