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

Comment lire une vidéo en HTML

藏色散人
Libérer: 2023-01-06 11:15:07
original
27668 Les gens l'ont consulté

Comment lire une vidéo en HTML : 1. Utilisez la balise pour intégrer des éléments multimédias dans la page HTML. 2. Utilisez la balise définition de l’élément Une vidéo.

Comment lire une vidéo en HTML

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

Lire une vidéo en HTML

Jouer une vidéo en HTML n'est pas facile !

Vous devez connaître de nombreuses astuces pour vous assurer que vos fichiers vidéo fonctionnent dans tous les navigateurs (Internet Explorer, Chrome, Firefox, Safari, Opera) et sur tous les matériels (PC, Mac, iPad, iPhone) Jouer .

Utilisez la balise

La balise est utilisée pour intégrer des éléments multimédias dans des pages HTML.

Le code HTML suivant affiche une vidéo Flash intégrée dans une page Web :

Exemple

<embed src="intro.swf" height="200" width="200">
Copier après la connexion

Problème

HTML4 ne reconnaît pas le fichier étiqueter. Votre page ne peut pas passer la vérification.

Si le navigateur ne prend pas en charge Flash, la vidéo ne sera pas lue.

L'iPad et l'iPhone ne peuvent pas afficher les vidéos Flash.

Si vous convertissez la vidéo dans un autre format, elle ne sera toujours pas lue dans tous les navigateurs.

Utiliser la balise

La balise est utilisée pour intégrer des éléments multimédias dans des pages HTML.

L'extrait HTML suivant montre une vidéo Flash intégrée dans une page Web :

Exemple

<object data="intro.swf" height="200" width="200"></object>
Copier après la connexion

Problème :

Si le navigateur ne prend pas en charge Flash, il ne lira pas la vidéo.

L'iPad et l'iPhone ne peuvent pas afficher les vidéos Flash.

Si vous convertissez la vidéo dans un autre format, elle ne sera toujours pas lue dans tous les navigateurs.

Utilisation de l'élément HTML5

HTML5

L'extrait HTML suivant affiche une vidéo au format ogg, mp4 ou webm intégrée dans une page Web :

Exemple

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
您的浏览器不支持 video 标签。
</video>
Copier après la connexion

Problème :

Vous devez Mettez la vidéo Convertir dans de nombreux formats différents. L'élément

Tutoriels recommandés :

Tutoriel vidéo HTML

, Tutoriel vidéo CSS

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:
source:php.cn
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