Loading the content...

팁 & 테크

  • Home
  • 스터디
  • 팁 & 테크

PC에서 동영상 크기 줄이기

1,733 2015.04.03 13:57

짧은주소

본문

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

그러면 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;
}


'.responsive-video' 부분만 수정...

0
좋아요!
- fm25 메일보내기 아이디로 검색 - 회원등급 : 새싹/Level 11 - 포인트 : 104,755
레벨 11
경험치 12,674

Progress Bar 77%

- 가입일 : 2015-02-07 19:40:40
- 서명 : 영원한 초보!!!
Home Page : internationale.kr
Eyoom Builder Test : liberta.kr
- 자기소개 : SIR의 존재감 없는 회원입니다~^^
댓글목록

미너리스님의 댓글

좋은 정보 감사해요~

축하합니다. 첫댓글 포인트 12포인트를 획득하였습니다.

아트님의 댓글

이해가 갈듯 말듯...