Comment lire une vidéo en HTML

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

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 d8e2720730be5ddc9c2a3782839e8eb6

La balise d8e2720730be5ddc9c2a3782839e8eb6 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">

Problème

HTML4 ne reconnaît pas le fichier d8e2720730be5ddc9c2a3782839e8eb6 é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 273238ce9338fbb04bee6997e5552b95

La balise 273238ce9338fbb04bee6997e5552b95 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>

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 39000f942b2545a5315c57fa3276f220

HTML5 39000f942b2545a5315c57fa3276f220 est pris en charge dans tous les navigateurs modernes.

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>

Problème :

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

39000f942b2545a5315c57fa3276f220 n'est pas valide dans les anciens navigateurs.

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!