Introduction à l'utilisation des compétences du didacticiel vidéo HTML5 tag_html5

HTML s'applique à HTML 5 et est utilisé pour définir un support de streaming vidéo pour la visualisation en ligne.

Copier le code Le code est le suivant : Voici le texte du commentaire. S'il ne prend pas en charge HTML 5, le navigateur le fera afficher le texte ici. Si elle est prise en charge, la vidéo sera affichée directement et le texte sera ignoré. En HTML 4 et versions antérieures, si vous souhaitez intégrer une vidéo pour la visionner en ligne dans une page Web, vous devez généralement utiliser le flux vidéo Flash. En utilisant les balises swf, flv et autres fichiers vidéo au format, mais le principe est que le navigateur doit installer un plug-in tiers : Adobe Flash Player. Les smartphones et iPads modernes ne prennent généralement pas en charge Flash et ne peuvent donc pas parcourir les vidéos sur le Web. HTML 5 a changé ce fait. Les développeurs Web n'ont besoin que d'utiliser la balise pour charger facilement des fichiers vidéo sans aucun plug-in tiers.

<table style="BORDER-BOTTOM: rgb(221,221,221) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(221,221,221) 1px solid; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); FONT-VARIANT: normal; FONT-STYLE: normal; TEXT-INDENT: 0px; MARGIN: 9px 0px; PADDING-LEFT: 0px; WIDTH: 639px; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; FONT-FAMILY: arial, 宋体, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(37,37,37); FONT-SIZE: 12px; BORDER-TOP: rgb(221,221,221) 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: rgb(221,221,221) 1px solid; WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px"> Propriétés Valeur Description lecture automatique lecture automatique Si cet attribut est présent, la vidéo sera lue dès qu'elle sera prête. contrôles contrôles S'il est présent, affiche les commandes, telles qu'un bouton de lecture, à l'utilisateur. hauteur Valeur des pixels Définissez la hauteur du lecteur vidéo. boucle boucle Si cet attribut apparaît, la lecture recommencera une fois la lecture du fichier multimédia terminée. préchargement auto/méta/aucun Spécifie s'il faut précharger la vidéo, valeurs possibles : auto - charger la vidéo entière lorsque la page se charge meta - charger uniquement les métadonnées après le chargement de la page aucun - ne pas charger la vidéo après la page se charge Chargement de la vidéo *src Adresse vidéo L'URL de la vidéo à lire, il est recommandé d'utiliser une adresse absolue. largeur Valeur des pixels Définissez la largeur du lecteur vidéo. Comment écrire des balises vidéo compatibles ?

Étant donné que les anciens navigateurs et Internet Explorer ne prennent pas en charge l'élément , compte tenu de la compatibilité, nous devons trouver une solution pour ces navigateurs prenant en charge les fichiers Flash. Malheureusement, comme pour l'audio HTML 5, en ce qui concerne les formats de fichiers vidéo, Firefox et Safari/Chrome ne les prennent pas en charge de la même manière. Par conséquent, si vous souhaitez utiliser une vidéo HTML 5 pour le moment, vous devez créer trois versions de la vidéo. OGG, MP4, FLV/SWF

Copier le code Le code est le suivant : width="320" height="240" allowscriptaccess="always" allowfullscreen="true">

Propriétés	Valeur	Description
lecture automatique	lecture automatique	Si cet attribut est présent, la vidéo sera lue dès qu'elle sera prête.
contrôles	contrôles	S'il est présent, affiche les commandes, telles qu'un bouton de lecture, à l'utilisateur.
hauteur	Valeur des pixels	Définissez la hauteur du lecteur vidéo.
boucle	boucle	Si cet attribut apparaît, la lecture recommencera une fois la lecture du fichier multimédia terminée.
préchargement	auto/méta/aucun	Spécifie s'il faut précharger la vidéo, valeurs possibles : auto - charger la vidéo entière lorsque la page se charge meta - charger uniquement les métadonnées après le chargement de la page aucun - ne pas charger la vidéo après la page se charge Chargement de la vidéo
*src	Adresse vidéo	L'URL de la vidéo à lire, il est recommandé d'utiliser une adresse absolue.
largeur	Valeur des pixels	Définissez la largeur du lecteur vidéo.

Introduction à l'utilisation des compétences du didacticiel vidéo HTML5 tag_html5

Articles Liés