쿠팡플레이 꽉 찬 화면으로 보기 : 클리앙-

쿠팡플레이에서 영화를 보는데 영상이 화면에 꽉 차게 나오지 않는 경우가 있어서 해결한 방법을 공유합니다.

저는 PC + 울트라와이드 모니터(21:9비율)로 보는데 비슷한 고민을 하신 분들이 있을 것 같습니다.

<확대 전> 이렇게 나와서 답답했는데

<확대 후> 이렇게 나와요

세 단계로 설명해두었습니다.

내용이 어려운 분들은 3번 방법만 보시면 됩니다.

1. 개발자 도구 콘솔에 코드 직접 입력

1) 영상 재생 중 <F12>키 눌러서 ‘개발자 도구’를 실행합니다.

2) 콘솔 탭을 선택합니다.

3) 아래 코드를 입력하고 엔터

⁠document.getElementsByTagName('video')[0].style.transform = 'scale(1.3)';

4) 화면 크기가 맞지 않을 경우 scale(숫자)의 숫자를 적당히 조정합니다. 1이 원래크기이고 위 코드에서는 1.3배로 지정한 겁니다.

코드는 이렇게 입력합니다

2. 크롬 확장 프로그램 활용 - Scripty (스크립트 만들기)

Scripty는 미리 작성해둔 스크립트를 실행해주는 크롬 확장 프로그램입니다.

비슷한 동작을 하는 프로그램이 많이 있을 것 같습니다. 입맛에 맞는 프로그램을 사용하시면 되겠습니다. 설명은 제가 한 방법으로 하겠습니다.

1) 크롬 확장 프로그램 Scripty를 설치합니다

https://chrome.google.com/webstore/detail/scripty-javascript-inject/milkbiaeapddfnpenedfgbfdacpbcbam

2) 새 스크립트 추가 (Add New Script) 클릭

3) 스크립트 이름은 적당히 입력

4) Javascript Code 에 코드 입력 (밑에 있으니 복사해서 붙여넣으세요)

5) Run script if (실행조건 입력)

URL | Contains | coupangplay.com

쿠팡플레이에서만 실행하도록 설정합니다

6) Trigger: Automatically | On Page load

페이지 로드 시 자동실행하도록 설정합니다

7) 쿠팡플레이에 들어가서 영상 재생 후 단축키가 동작하는지 확인

0: 원래크기, +: 확대, -: 축소

document.addEventListener('keydown', function(event) {     const SCALE_STEP = 0.05;    function resetScale() {         const video = document.getElementsByTagName('video')[0];        if (!video) {             console.log('no video');            return;        }        video.style.transform = 'scale(1.0)';    }    function addToScale(val) {         const video = document.getElementsByTagName('video')[0];        if (!video) {             console.log('no video');            return;        }        const result = /scale\(([\d\.]+)\)/.exec(video.style.transform);        var scaleValue = 1.0;        if (result && result.length > 1) {             scaleValue = Number(result[1]);        }        scaleValue += val;        video.style.transform = 'scale(' + scaleValue + ')';    }    if (event.key === '+' || event.key === '=') {         addToScale(SCALE_STEP);    }    else if (event.key === '-' || event.key === '_') {         addToScale(-SCALE_STEP);    }    else if (event.key === '0' || event.key === ')') {         resetScale();    }});console.log('coupangplay shortkey script is loaded');

이렇게 스크립트를 만듭니다

3. 크롬 확장 프로그램 활용 - Scripty (스토어의 스크립트 사용)

스크립트를 만들어서 올려두었습니다. 확장 프로그램 설치 후 스크립트를 설치하기만 하면 됩니다.

1) 크롬 확장 프로그램 Scripty를 설치합니다

https://chrome.google.com/webstore/detail/scripty-javascript-inject/milkbiaeapddfnpenedfgbfdacpbcbam

2) Scripty의 Script Store 에서 coupangplay... 스크립트 설치

3) 쿠팡플레이에 들어가서 영상 재생 후 단축키가 동작하는지 확인

0: 원래크기, +: 확대, -: 축소

이미지에 표시해 둔 스크립트를 설치하면 끝

테스트는 엣지브라우저에서 했는데, 크롬브라우저에서도 잘 되겠지요?

긴 글 읽어주셔서 감사합니다.

** 추가합니다 **

include_HOANY님이 댓글로 소개해주신 Zoom to Fill 이 정말 편하고 좋네요. 감사합니다.

https://chrome.google.com/webstore/detail/zoom-to-fill-ultrawide-vi/adpjimagbfpknkodpofjphpbdlfkeiho

쿠팡플레이 꽉 찬 화면으로 보기 : 클리앙

1. 개발자 도구 콘솔에 코드 직접 입력

2. 크롬 확장 프로그램 활용 - Scripty (스크립트 만들기)

3. 크롬 확장 프로그램 활용 - Scripty (스토어의 스크립트 사용)

새로운소식