HTML 5 video, html video
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
<Video> tag attributes
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. |
Instance 1
<span style="font-family:SimHei;font-size:18px;"><video src="movie.ogg" width="320" height="240" controls="controls">Your browser does not support the video tag.</video></span>
The content inserted between <video> and </video> is displayed by browsers that do not support video elements.
The control attribute allows you to add playback, pause, and volume controls.
Instance 2
<span style="font-family:SimHei;font-size:18px;"><video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4">Your browser does not support the video tag.</video></span>
The video element allows multiple source elements. The source element can be used to link different video files. The browser uses the first identifiable format.
How to Use html5 for video?
<Video src = "xxx.mp4"> </video>
This is a video tag.
For more information, see here.
Www.w3school.com.cn/html5/html5_video.asp
How to record html5 videos? What kind of software is there?
You can use a camera to first record, use Premiere or format factory to convert, or use Premiere directly.