Maison > interface Web > tutoriel HTML > Comment insérer une vidéo en HTML

Comment insérer une vidéo en HTML

醉折花枝作酒筹
Libérer: 2023-01-04 09:34:47
original
64910 Les gens l'ont consulté

En HTML, vous pouvez utiliser la balise vidéo pour insérer une vidéo. Le format de syntaxe est "" ; et prend en charge trois formats vidéo MP4, WebM et Ogg.

Comment insérer une vidéo en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Les vidéos sont affichées via des plug-ins (tels que Flash). Cependant, tous les navigateurs ne disposent pas des mêmes plugins. HTML5 spécifie une manière standard d'inclure de la vidéo via l'élément vidéo.

Pour afficher une vidéo en HTML5, il vous suffit de :

<video src="movie.ogg" controls="controls">
</video>
Copier après la connexion

L'attribut Controls pour ajouter des contrôles de lecture, de pause et de volume. C'est également une bonne idée d'inclure des attributs de largeur et de hauteur.

Code d'insertion vidéo HTML :

<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>
Copier après la connexion

L'effet est :

Comment insérer une vidéo en HTML

Apprentissage recommandé : "Tutoriel vidéo HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal