" 구문을 사용하여 비디오 또는 오디오 태그에 숨겨진 속성을 설정하여 비디오 또는 음악 플레이어를 숨길 수 있습니다. 숨겨진 속성은 요소가 숨겨지고 보이지 않도록 지정하는 데 사용됩니다."/> " 구문을 사용하여 비디오 또는 오디오 태그에 숨겨진 속성을 설정하여 비디오 또는 음악 플레이어를 숨길 수 있습니다. 숨겨진 속성은 요소가 숨겨지고 보이지 않도록 지정하는 데 사용됩니다.">

 >  기사  >  웹 프론트엔드  >  HTML에서 플레이어를 숨기는 방법

HTML에서 플레이어를 숨기는 방법

青灯夜游
青灯夜游원래의
2021-06-03 17:13:038883검색

HTML에서는 비디오 또는 오디오 태그에 숨겨진 속성을 설정하여 비디오 또는 음악 플레이어를 숨길 수 있으며 구문은 ""입니다. 숨겨진 속성은 요소가 숨겨지고 보이지 않도록 지정하는 데 사용됩니다.

HTML에서 플레이어를 숨기는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML에서는 비디오 또는 오디오 태그에 숨겨진 속성을 설정하여 비디오 또는 음악 플레이어를 숨길 수 있습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.