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

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

저는 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');

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