Maison > interface Web > Questions et réponses frontales > Que signifie le préchargement en HTML5

Que signifie le préchargement en HTML5

WBOY
Libérer: 2022-09-02 16:28:55
original
4578 Les gens l'ont consulté

En HTML5, préchargement signifie "préchargement" et est utilisé pour spécifier s'il faut charger l'audio ou la vidéo après le chargement de la page. Si l'attribut de lecture automatique est défini, cet attribut sera ignoré et l'attribut de préchargement est un nouvel attribut en HTML5. La syntaxe est "".

Que signifie le préchargement en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Que signifie le préchargement en HTML5 ?

L'attribut préchargement spécifie s'il faut charger l'audio après le chargement de la page.

Si l'attribut de lecture automatique est défini, cet attribut est ignoré.

L'attribut preload est nouveau dans HTML 5. La balise

La syntaxe est la suivante :

<audio preload="auto|metadata|none">
Copier après la connexion
<video preload="auto|metadata|none">
Copier après la connexion

Spécifie s'il faut précharger l'audio.

Valeurs possibles :

  • auto - Charger l'intégralité de l'audio au chargement de la page

  • meta - Charger uniquement les métadonnées au chargement de la page

  • none - Ne pas charger l'audio au chargement de la page

L'exemple est le suivant :

pas de chargement

<video width="320" height="240" controls preload="none">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
Copier après la connexion

Résultat de sortie :

Que signifie le préchargement en HTML5

Chargement après le chargement de la page

<video width="320"    style="max-width:90%" controls preload="auto">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>
Copier après la connexion

Résultat de sortie :

Que signifie le préchargement en HTML5

(Vidéo d'apprentissage : vidéo css tutoriel , tutoriel vidéo html)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal