웹 페이지에서 비디오 태그 숨기기

웹 페이지에서 비디오 태그 숨기기 - JavaScript

<시간/>

웹 페이지에 다음과 같은 샘플 비디오 태그가 있다고 가정해 보겠습니다.

 
 웹페이지에서 동영상을 숨기려면 yourVariableName.style.display='none'을 사용하세요.
 예시
 
 다음은 코드입니다 -
   <메타 이름="viewport" content="width=device-width, initial-scale=1.0 "> 문서<스크립트 src="https://code.jquery.com/jquery-1.12.4.js"><스크립트 src="https://code.jquery.com/ui/1.12.1/jquery- ui.js"><스타일> .hideVideo { 표시:차단; z-인덱스:999; 여백 상단:10px; 여백-왼쪽:10px; } <스크립트> var hideVideo =document.getElementsByClassName("hideVideo")[0]; hideVideo.style.display ="없음";
 
 위의 프로그램을 실행하기 위해서는 파일명을 “anyName.html(index.html)”로 저장합니다. 파일을 마우스 오른쪽 버튼으로 클릭하고 Visual Studio Code 편집기에서 "라이브 서버로 열기" 옵션을 선택합니다.
 출력
 
 이것은 콘솔에 다음과 같은 출력을 생성합니다 -
 
 
 
 위의 샘플 출력에서 비디오 태그가 비활성화되었습니다. 활성화하려면 위의 줄에 주석을 추가하십시오.
 //hideVideo.style.display ="없음";
 
 위 줄에 주석을 추가하면 아래와 같이 비디오 태그가 활성화됩니다 -