ホームページ > 記事 > ウェブフロントエンド > HTMLでプレーヤーを非表示にする方法
HTMLでプレーヤーを非表示にする方法
- 青灯夜游オリジナル
- 2021-06-03 17:13:038666ブラウズ
HTML では、video タグまたは audio タグに hidden 属性を設定することで、ビデオまたは音楽プレーヤーを非表示にできます。構文は「
」です。 hidden 属性は、要素が非表示で非表示になることを指定するために使用されます。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
HTML では、video タグまたは audio タグに hidden 属性を設定することで、ビデオまたは音楽プレーヤーを非表示にできます。
hidden 属性は、要素が非表示であることを指定します。非表示の要素は表示されません。この属性を使用すると、要素は非表示になります。
hidden 属性は、特定の条件 (チェック ボックスをオンにするなど) が満たされた場合にのみユーザーが要素を表示できるように設定できます。その後、JavaScript を使用して非表示属性を削除し、要素を表示できるようになります。
隠しビデオ プレーヤー
<!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>隠しオーディオ プレーヤー
<!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>
推奨チュートリアル: "html ビデオ チュートリアル 》
以上がHTMLでプレーヤーを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。