Heim > Artikel > Web-Frontend > So verstecken Sie den Player in HTML
So verstecken Sie den Player in HTML
- 青灯夜游Original
- 2021-06-03 17:13:038884Durchsuche
In HTML können Sie den Video- oder Musikplayer ausblenden, indem Sie das versteckte Attribut auf das Video- oder Audio-Tag setzen. Die Syntax lautet „
“. Das versteckte Attribut wird verwendet, um anzugeben, dass das Element ausgeblendet werden soll, sodass das Element unsichtbar ist.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
In HTML können Sie den Video- oder Musikplayer ausblenden, indem Sie das Attribut „hidden“ auf das Video- oder Audio-Tag setzen. Das Attribut
hidden gibt an, dass das Element ausgeblendet ist. Ausgeblendete Elemente werden nicht angezeigt. Wenn dieses Attribut verwendet wird, wird das Element ausgeblendet.
Sie können das versteckte Attribut so festlegen, dass Benutzer ein Element nur sehen können, wenn bestimmte Bedingungen erfüllt sind (z. B. das Aktivieren eines Kontrollkästchens usw.). Anschließend können Sie mithilfe von JavaScript das ausgeblendete Attribut entfernen und das Element sichtbar machen.
Video-Player ausblenden
<!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>Audio-Player ausblenden
<!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>
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo verstecken Sie den Player in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!