Maison >interface Web >tutoriel HTML >Comment implémenter l'insertion et l'affichage de vidéos HTML dans la page ? (exemple)

Comment implémenter l'insertion et l'affichage de vidéos HTML dans la page ? (exemple)

藏色散人original: 2018-08-11 10:51:0610526parcourir

Cet article vous présentera comment ajouter une vidéo en HTML. Dans l'article précédent, je vous ai présenté comment afficher les styles audio qui peuvent être lus et mis en pause en HTML

. Les amis qui ont lu l'article précédent devraient être familiers avec la méthode d'ajout de vidéos. Leurs méthodes sont toutes très similaires. Ici, nous vous présenterons également une balise importante en HTML5, la balise vidéo, qui définit une vidéo, telle qu'un clip ou un autre flux vidéo. Et tous les navigateurs ne prennent pas en charge cette balise.

Comment implémenter linsertion et laffichage de vidéos HTML dans la page ? (exemple)

html Les exemples de code spécifiques pour ajouter une vidéo et cliquer sur lecture sont les suivants :

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

Remarque : l'attribut Controls est utilisé pour ajouter des commandes de lecture, de pause et de volume.

Le code spécifique pour ajouter une vidéo au HTML peut également être le suivant :

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

Comment implémenter linsertion et laffichage de vidéos HTML dans la page ? (exemple)

Remarque :

ici la largeur et la hauteur représentent respectivement la largeur et la hauteur du lecteur vidéo.

L'élément vidéo prend en charge trois formats vidéo : les fichiers Ogg, les fichiers MPEG4 et les fichiers WebM. La balise

définit les ressources multimédias pour les éléments multimédias tels que . Vous permet de spécifier des fichiers vidéo/audio alternatifs que le navigateur peut sélectionner en fonction de sa prise en charge des types de médias ou des codecs.

Cet article présente les connaissances pertinentes sur la façon d'ajouter une vidéo en HTML. J'espère qu'il sera utile aux amis dans le besoin !

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!

html5 html

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

Article précédent：Comment afficher les styles audio pouvant être lus et mis en pause en HTML ? (exemple de code)Article suivant：Comment afficher les styles audio pouvant être lus et mis en pause en HTML ? (exemple de code)

Articles Liés

Voir plus