HTML 참조 설명서

HTML 태그 전체 목록

HTML 오디오/비디오 DOM controls 속성

controls 속성은 HTML 내의 controls HTML 속성을 제어하며, 재생되는 미디어(비디오나 오디오)의 컨트롤 패널이 표시되는지 여부를 제어합니다.

온라인 예제

비디오 컨트롤 활성화:

예제

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 오디오/비디오 controls 속성 사용-기본 튜토리얼(oldtoolbag.com)</<title>
</<head>
<body>
<button onclick="enableControls()" type="button">컨트롤 활성화</button>
<button onclick="disableControls()" type="button">컨트롤 비활성화</button>
<button onclick="checkControls()" type="button">컨트롤 상태 확인</button>
<br>　
<video id="video1">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　당신의 브라우저는 HTML5　video     태그。
</video>
<script>
myVid=document.getElementById("video1");
function enableControls()
{　
　　myVid.controls=true;
　　myVid.load();
}　
function disableControls()
{　
　　myVid.controls=false;
　　myVid.load();
}　
function checkControls()
{　
　　alert(myVid.controls);
}　
</script>　
</body>
</html>

테스트해 보세요 ‹/›