Home > Article > Web Front-end > How to implement html video insertion and display in the page? (example)
How to implement html video insertion and display in the page? (example)
- 藏色散人Original
- 2018-08-11 10:51:0610497browse
This article will introduce to you how to add video in html. In the previous article, I introduced to you about how to display audio styles that can be played and paused in html
’s article, friends who have read the previous article should be familiar with the method of adding videos. Their methods are all very similar. Here we will also introduce to you an important tag in HTML5, the video tag, which defines a video, such as a movie clip or other video stream. And not all browsers support this tag.
htmlThe specific code example for adding a video and clicking to play is as follows:
<video src="movie.ogg" controls="controls"></video>
Note: The controls attribute is used to add play, pause and volume. controls.
htmlThe specific code for adding video can also be as follows:
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="mov.ogg" type="video/ogg">
<source src="/mov.mp4" type="video/mp4">
</video>
</body>
</html>
Note:
The width and width here height, respectively representing the width and height of the video player.
The video element supports three video formats: Ogg files, MPEG4 files, and WebM files.
The
This article introduces the relevant knowledge on how to add videos in html. I hope it will be helpful to friends in need!
The above is the detailed content of How to implement html video insertion and display in the page? (example). For more information, please follow other related articles on the PHP Chinese website!