Explication détaillée des exemples de lecture vidéo dans le partage HTML

Il existe de nombreuses façons de lire des vidéos en HTML.

Lecture de vidéos HTML (Vidéos)

Instances

<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">
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240">
  </object> 
</video>

Problèmes et solutions

La lecture de vidéos 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 .

Dans ce chapitre, W3CSchool résume pour vous les problèmes et les solutions.

Utilisez la balise

La balise est utilisée pour intégrer l'élément Multimédia dans la page 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 < intégrer> 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 d'autres formats, elle ne sera toujours pas lue dans tous les navigateurs.

Utilisez la balise