Maison > interface Web > tutoriel HTML > le corps du texte

Comment masquer le lecteur en HTML

青灯夜游
Libérer: 2023-01-06 11:16:27
original
8887 Les gens l'ont consulté

En HTML, vous pouvez masquer le lecteur vidéo ou musical en définissant l'attribut caché sur la balise vidéo ou audio, la syntaxe est "". L'attribut masqué est utilisé pour spécifier que l'élément est masqué et rendu invisible.

Comment masquer le lecteur en HTML

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

En HTML, vous pouvez masquer le lecteur vidéo ou musical en définissant l'attribut caché sur la balise vidéo ou audio.

L'attribut caché spécifie que l'élément est masqué. Les éléments masqués ne seront pas affichés. Si cet attribut est utilisé, l'élément sera masqué.

Vous pouvez définir l'attribut masqué afin que les utilisateurs ne puissent voir un élément que lorsque certaines conditions sont remplies (comme cocher une case, etc.). Vous pouvez ensuite utiliser JavaScript pour supprimer l'attribut masqué, rendant ainsi l'élément visible.

Masquer le lecteur vidéo

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<video width="320" height="240" controls autoplay hidden="true">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.webm" type="video/webm">
  <object data="movie.mp4" width="320" height="240">
    <embed width="320" height="240" src="movie.swf">
  </object>
</video>

</body>
</html>
Copier après la connexion

Masquer le lecteur audio

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<audio controls hidden="true">
  <source src="horse.mp3" type="audio/mpeg">
  <source src="horse.ogg" type="audio/ogg">
  您的浏览器不支持该音频格式。
</audio>

</body>
</html>
Copier après la connexion

Tutoriel recommandé : "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