PC에서 동영상 크기 줄이기 > 시즌3 팁 & 테크

이윰에서는 동영상을 위와 같은 방식으로 입력합니다.

그러면 PC나 Mobile에서 가로 100%로 보입니다.

그런데 화질이 좋지않은 동영상인 경우, PC에서 100%는 부담스럽습니다.

해서 원본 소스를 수정해 줍니다.

eyoom/theme/basic/css/common.css

/*Responsive Video*/
.responsive-video {
    width: 100%;
    max-width: 640px;
    height: 0;
    margin: 15px auto;
    padding-top: 1px;
    position: relative;
    padding-bottom: 56.25%; /*16:9*/
}

.responsive-video iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.responsive-video embed {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}