HTML Vidéo (Vidéos) Lecture

Il existe de nombreuses façons de jouer la vidéo en mode HTML.

HTML Vidéo (Vidéos) Lecture

Problèmes et solutions

Lire la vidéo en HTML est pas facile!

Vous avez besoin de beaucoup de conseils familiers pour vous assurer que votre fichier vidéo dans tous les navigateurs (Internet Explorer, Chrome, Firefox, Safari, Opera), et tout le matériel (PC, Mac, iPad, iPhone) peuvent être lus.

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

Utilisation de la balise <embed>

Rôle balise <embed> est d'intégrer des éléments multimédias dans les pages HTML.

Le code HTML ci-dessous pour afficher la vidéo Flash intégré dans la page:

problème

• HTML4 ne reconnaît pas la balise <embed>. Votre page ne peut pas être vérifiée.
• Si votre navigateur ne supporte pas Flash, de sorte que la vidéo ne jouera pas
• iPad et iPhone ne peuvent pas afficher les vidéos Flash.
• Si vous convertir des vidéos à d'autres formats, il ne joue pas encore dans tous les navigateurs.

Utilisation de la balise <object>

Rôle balise <object> est d'intégrer des éléments multimédias dans les pages HTML.

Le code HTML suivant montre une certaine vidéo Flash intégré dans la page:

problème:

• Si votre navigateur ne supporte pas Flash, la vidéo ne sera pas lu.
• iPad et iPhone ne peuvent pas afficher les vidéos Flash.
• Si vous convertir des vidéos à d'autres formats, il ne joue pas encore dans tous les navigateurs.

Utilisation du HTML5 élément <video>

HTML5 <video> définit une vidéo ou un film.

<Vidéo> dans tous les navigateurs modernes sont pris en charge.

Le fragment HTML suivant affiche un ogg, mp4, ou en format vidéo WebM page Web intégrée:

problème:

• Vous avez besoin de convertir la vidéo dans de nombreux formats différents.
• <Vidéo> est pas valable dans les navigateurs plus anciens.

Meilleure solution de HTML

L'exemple suivant utilise quatre formats vidéo différents. HTML 5 <video> élément essaie de jouer mp4, ogg ou formats webm est de lire la vidéo. Si tout échoue, puis revenir à <embed> élément.

problème:

• Vous devez convertir de nombreux formats vidéo différents

Solutions Youku

La meilleure façon d'afficher des vidéos en HTML est d'utiliser Youku et d'autres sites de vidéo.

Si vous voulez lire la vidéo dans une page Web, vous pouvez télécharger une vidéo sur Youku et d'autres sites de vidéo, puis insérez le code HTML pour lire la vidéo dans votre page:

Utilisation des hyperliens

Si la page contient un lien hypertexte pointant vers des fichiers multimédias, la plupart des navigateurs utiliser "application d'aide" pour lire le fichier.

Le fragment de code suivant montre des liens vers le fichier AVI. Si l'utilisateur clique sur le lien, le navigateur va commencer les «Aide Applications», tels que Windows Media Player pour lire le fichier AVI:

En ligne Description vidéo

Lorsqu'une vidéo est inclus dans la page Web, il est appelé la vidéo en ligne.

Si vous prévoyez d'utiliser la vidéo en ligne dans une application Web, vous devez réaliser que beaucoup de gens trouvent des vidéos inline ennuyeux.

Notez également que les utilisateurs peuvent avoir fermé votre option vidéo navigateur en ligne.

Notre meilleur conseil est de seulement lorsque l'utilisateur veut voir la vidéo en ligne lieu les contient. Un exemple positif est que lorsque l'utilisateur a besoin de voir la vidéo et cliquer sur un lien pour ouvrir la page et lire la vidéo.

HTML tag multimédia

Nouveau: HTML5 nouvelles balises.