html怎么隐藏播放器

前端开发教程 2025-02-13 0

在html中，可以通过给video或者audio标签设置hidden属性来隐藏视频或音乐播放器，语法“”。hidden属性用于规定对元素进行隐藏，使元素不可见。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

在html中，可以通过给video或者audio标签设置hidden属性来隐藏视频或音乐播放器。

hidden 属性规定对元素进行隐藏。隐藏的元素不会被显示。如果使用该属性，则会隐藏元素。

可以对 hidden 属性进行设置，使用户在满足某些条件时才能看到某个元素（比如选中复选框，等等）。然后，可使用 JavaScript 来删除 hidden 属性，使该元素变得可见。

隐藏视频播放器

<!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怎么隐藏播放器的详细内容，更多请关注双恒网络其它相关文章！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。