How to insert video in HTML

醉折花枝作酒筹
Release: 2023-01-04 09:34:47
Original
64829 people have browsed it

In HTML, you can use the video tag to insert a video. The syntax format is ""; the video tag can define a video and supports MP4, WebM, and Ogg. Three video formats.

How to insert video in HTML

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

Videos are displayed through plug-ins (such as Flash). However, not all browsers have the same plugins. HTML5 specifies a standard way to include video through the video element.

To display a video in HTML5, all you need is:

<video src="movie.ogg" controls="controls">
</video>
Copy after login

The controls attribute to add play, pause and volume controls. It's also a good idea to include width and height attributes.

HTML video insertion code:

<video width="420" height="200" controls autoplay>
        <source src="movie.mp4" type="video/ogg">
        <!--因为我的视频格式是MP4,所以路径的视频格式为MP4,下边注释的地方,就是你的视频什么格式就弄什么格式!-->
        <!--<source src="img/video/movie.mp4" type="video/mp4">
        <source src="movie.webm" type="video/webm">-->
        <object data="movie.mp4" width="320" height="240">
            <embed width="420" height="200" src="movie.mp4">
        </object>
    </video>
Copy after login

The effect is:

How to insert video in HTML

## Recommended learning: "

HTML video tutorial

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

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template