유튜브 영상 마지막에 추천영상으로 영상 가리는 것 지우기/없애기

유튜브 영상 마지막에 구독이나, 다음 영상 추천이 뜨면서 영상을 가려서 마지막 잠깐동안 자막이나 화면을 가리는 경우가 있다.

 

대형이나 전업 유튜버들은 전용 페이지/틀을 만들어서 영상을 안가리고 다음 추천영상을 띄우는데, 소규모 유튜버나 아직 미숙한 유튜버들은 추천영상을 설정해놓고 그냥 본인의 영상의 중요한 부분을 가리는 경우가 있다.

 

내용이 궁금하지만 일반적으로는 확인이 불가능하다.

 

하지만 유튜브 특성상 인터넷 브라우져에서 돌아가는 것이고 대부분 브라우저는 정적인 상태에서 콘솔에 자바스크립트 명령어를 입력하여 화면을 제어할 수 있다.

 

방법은 간단하다.

 

크롬기준 Ctrl + Shift + i 혹은 F12 버튼을 눌러서 개발자 도구에 진입한  후 console창을 열어서 

 

for(var i in document.getElementsByClassName('ytp-ce-element')) {$('.ytp-ce-element').remove();}

를 입력하고 엔터를 쳐주면 된다.

 

코드 해석은 대충 제이쿼리 선택자로 ytp-ce-element라는 클래스 이름을 가진 객체를 선택하여 제거(remove())하는 메소드를 자바스크립트 forEach문으로 ytp-ce-element라는 클래스 이름을 가진 dom객체의 갯수 만큼 반복한다는 뜻이다.

 

왜 자바스크립트와 제이쿼리를 같이 써줬냐면,

 

콘솔창에선 제이쿼리 선택자가 2개 이상이 되는 객체를 동시에 선택할 수 없어서 제이쿼리가 아닌 자바스크립트로 httpSelection에 접근했고, 

 

자바스크립트로는 클래스 네임으로 dom객체에 접근할 때 하나씩 안되고 httpSelection에 접근이 되어 index로 접근 해야 되기 때문에 인덱스를 타지 않고 클래스네임에 해당하는 객체 중 첫번째 형제에 접근이 가능한 제이쿼리 선택자를 사용해서 접근했다.