Home > Article > Web Front-end > How to add video in html

How to add video in html

醉折花枝作酒筹Original: 2021-05-31 17:43:0720013browse

In HTML, you can use the video tag to add a video, the syntax format is "". The video tag can define a video, such as a movie clip or other video stream. Currently, the video element supports three video formats: MP4, WebM, and Ogg.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

In HTML, use the video tag to insert a video. The

HTML5 supports playing audio and video files directly in the browser without using the Adobe Flash plug-in.

Disadvantages of plug-ins: Plug-ins are one of the main reasons for browser crashes, especially flash, which has many problems.

Currently, the

Tip: You can place text content between the tags so that browsers that do not support the

How to add video in html

Example:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<video width="320" height="240" controls>
  <source src="video.mp4"  type="video/mp4">
  您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>

Effect:

How to add video in html

Recommended learning: html video tutorial

The above is the detailed content of How to add video in html. For more information, please follow other related articles on the PHP Chinese website!

html5 css3 html

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：HTML5 uses canvas to draw Doraemon's head (code example)Next article：HTML5 uses canvas to draw Doraemon's head (code example)

See more

How to add video in html

Related articles