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

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

藏色散人

Libérer： 2018-08-11 10:51:06

original

10571 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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!