So fügen Sie Videos in HTML ein

In HTML können Sie das Video-Tag verwenden, um ein Video einzufügen. Das Syntaxformat lautet „“; das Video-Tag kann ein Video definieren und unterstützt drei Videos Formate: MP4, WebM und Ogg .

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Videos werden über Plug-Ins (z. B. Flash) angezeigt. Allerdings verfügen nicht alle Browser über die gleichen Plugins. HTML5 gibt eine Standardmethode zum Einbinden von Videos über das Videoelement an.

Um ein Video in HTML5 anzuzeigen, benötigen Sie lediglich:

<video src="movie.ogg" controls="controls">
</video>

controls-Attribut zum Hinzufügen von Wiedergabe-, Pause- und Lautstärkereglern. Es ist auch eine gute Idee, Breiten- und Höhenattribute einzubeziehen.

HTML-Video-Einfügecode:

<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>

Der Effekt ist:

Empfohlenes Lernen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo fügen Sie Videos in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!