Maison > Article > interface Web > Comment spécifier un élément en lecture seule en HTML ?
Comment spécifier un élément en lecture seule en HTML ?
- 王林avant
- 2023-09-08 21:45:041001parcourir
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">
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>
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>
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!