Vidéos HTML (Vidéos)
Vidéos HTML (Vidéos)
Jouer des 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 ) peut être joué.
Dans ce chapitre, le site Web PHP chinois (php.cn) résume les problèmes et les solutions pour vous.
Utiliser la balise
Le code HTML suivant affiche une vidéo Flash intégrée dans une page Web :
Exemple
php中文网(php.cn) 播放视频
Trouver une vidéo dans swf, Exécutez Essayez-le
Problème
HTML4 ne reconnaît pas le < intégrer la balise> 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
L'extrait HTML suivant montre une vidéo Flash intégrée dans une page Web :
php中文网(php.cn) 播放视频
Question :
Si vous naviguez, l'appareil ne prend pas en charge Flash et ne pourra pas lire 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 affichera une vidéo au format ogg, mp4 ou webm intégrée dans une page Web :
php中文网(php.cn) 播放视频
Trouvez quelques formats vidéo dans l'exemple ci-dessus et exécutez le programme pour l'essayer
Problème :
Vous devez convertir des vidéos dans de nombreux formats différents. L'élément
La meilleure solution HTML
Les exemples suivants utilisent 4 formats vidéo différents. L'élément HTML 5
HTML 5 +
php中文网(php.cn) 播放视频
Trouvez quelques formats vidéo dans l'exemple ci-dessus et exécutez le programme pour essayer
Problème :
Vous devez convertir la vidéo dans de nombreux formats différents
Solution Youku
Le moyen le plus simple d'afficher des vidéos en HTML est d'utiliser un site Web de vidéos tel que Youku.
Si vous souhaitez lire une vidéo sur une page Web, vous pouvez télécharger la vidéo sur un site Web de vidéo tel que Youku, puis insérer du code HTML dans votre page Web pour lire la vidéo :
Instance
php中文网(php.cn) 播放视频
Essayez d'exécuter le programme
Utilisation d'hyperliens
Si une page Web contient des hyperliens vers des fichiers multimédias, la plupart des navigateurs utiliseront « Application d'aide " pour lire des fichiers.
L'extrait de code suivant affiche un lien vers un fichier AVI. Si l'utilisateur clique sur le lien, le navigateur lancera une « application d'assistance », telle que Windows Media Player, pour lire le fichier AVI :
php中文网(php.cn) 点击这个链接打开查看
播放视频文件
Trouvez un fichier vidéo et essayez-le
Remarque sur les vidéos en ligne
Lorsqu'une vidéo est incluse dans une page Web, elle est appelée vidéo en ligne.
Si vous envisagez d'utiliser la vidéo en ligne dans une application Web, vous devez être conscient que de nombreuses personnes trouvent la vidéo en ligne ennuyeuse.
Veuillez également noter que les utilisateurs peuvent avoir désactivé l'option vidéo en ligne dans leur navigateur.
Notre meilleur conseil est d'inclure uniquement les vidéos en ligne là où les utilisateurs s'attendent à les voir. Un exemple positif est lorsqu'un utilisateur a besoin de voir une vidéo et clique sur un lien, qui ouvre la page puis lit la vidéo.
Balise multimédia HTML
Nouvelle balise HTML5.
| 标签 | 描述 |
| 定义内嵌对象。HTML4 中不赞成，HTML5 中允许。 | |
| 定义内嵌对象。 | |
| 定义对象的参数。 |
| 定义了声音内容 | |
| 定义一个视频或者影片 | |
| 定义了media元素的多媒体资源( | |
| 规定media元素的字幕文件或其他包含文本的文件 ( |
![Combat réel Front-end Vue3 [projet vue manuscrit]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
![Tutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
