Comment spécifier un élément en lecture seule en HTML ?-tutoriel HTML-php.cn

Comment spécifier un élément en lecture seule en HTML ?

王林

Libérer： 2023-09-08 21:45:04

avant

1020 Les gens l'ont consulté

Comment spécifier un élément en lecture seule en HTML ?

Dans cet article, nous apprendrons comment spécifier en HTML comment l'audio/vidéo doit être chargé au chargement de la page et le point de vue de l'auteur.

En utilisant l'attribut HTML audio preload, les auteurs peuvent décrire comment l'audio doit être chargé lors du chargement de la page. Cette fonctionnalité permet aux auteurs d'indiquer au navigateur comment mettre en œuvre l'expérience utilisateur du site Web.

REMARQUE− Lorsque la lecture automatique est présente, le préchargement sera ignoré.

Grammaire

Ce qui suit est la syntaxe de l'attribut de préchargement HTML.

<video preload="auto|none">

Copier après la connexion

Pour mieux comprendre comment spécifier en HTML comment l'auteur pense que l'audio/vidéo doit se charger au chargement de la page.

La traduction chinoise de

est :

Le paramètre preload=auto demande au navigateur de télécharger la vidéo entière. La vidéo sera entièrement relue après avoir démarré avec cette méthode, qui est la méthode la plus consommatrice de données. Si aucune valeur n'est donnée pour l'attribut preload, la sélection automatique est utilisée.

Exemple

Dans l'exemple ci-dessous, nous définissons preload="auto".

<!DOCTYPE html>
<html>
<body>
   <video width="320" height="240" controls preload="none">
      <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4">
   </video>
</body>
</html>

Copier après la connexion

Lors de l'exécution du script ci-dessus, l'utilisateur rechargera la vidéo téléchargée avec l'image lorsque l'utilisateur essaiera de recharger la page Web.

se traduit par :

Preload=none indique au navigateur de ne télécharger aucun octet de la vidéo, même s'il en existe un. Il n'y a pas de stockage vidéo local sur l'appareil, ce qui permet évidemment d'économiser des données, mais au prix d'un démarrage vidéo retardé.

Exemple

Considérez l'exemple suivant où nous définissons le préchargement sur "none".

<!DOCTYPE html>
<html>
<body>
   <video width="320" height="240" controls preload="none">
      <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
   </video>
</body>
</html>

Copier après la connexion

Lorsque le script s'exécute, l'utilisateur ne charge pas la vidéo lors du chargement de la page Web

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!