반응형 동영상 사이즈 자동조절!

반응형 동영상 사이즈 자동조절!

반응형 동영상 사이즈 조절!  흑형들의 춤무대,

그냥 끝나는 무대 이 영상은 사이즈가 변경되지 않고 무식하게 크게 유지될 것이다.

 

 

칼스버그 광고중에 미친 우정을 나타나는 괄시할 수 있는광고였다.

아마도 아래 광고는 사이즈가 변경이 될 것이다. 브라우저 크기에 따라서 달라질 것이다.

.

.

.

뭐야.. 다 변하잖아!!

한개의 영상에는  <DIV class=video-container style="TEXT-ALIGN: center"> 를 먹혔고,

한개는 안먹힌 상태인데 둘다 그냥 적용이 되어버렸다.

.

.

 

아니네~ 그냥 먹혔네 // 당황스럽다.

그럼 소스를 그대로 티스토리 style.css에 넣으면 된다는 소리겠다!!

img,
video { display: inline-block;
    width: auto\9 !important; /* ie8 */
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}
.video-container {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}