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

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

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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