" ; la balise vidéo peut définir une vidéo et prend en charge trois formats vidéo : MP4, WebM. , et Ogg."/> " ; la balise vidéo peut définir une vidéo et prend en charge trois formats vidéo : MP4, WebM. , et Ogg.">

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

Comment insérer une vidéo en HTML

醉折花枝作酒筹
醉折花枝作酒筹original
2021-04-07 15:29:0164819parcourir

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>

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>

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!

Déclaration:
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