SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

이 배너는 IE6 사용자에게만 보여집니다. 브라우저 업데이트로 보다 편리한 웹세상을 만나보세요!

«   2024/05   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

daumTV팟 동영상에 배경 넣기..

daumTV팟 동영상의 사이즈(402x324)에 맞게 적당한 배경 그림을 하나 만들어서, 사용하는 스킨의 이미지 폴더에 올리고..


daum.gif


CSS에 "daum_tvpot" 정도의 이름으로 class를 하나 만들어 넣은 다음..
.daum_tvpot {
text-align: center;
margin: 0;
padding-top: 38px;
padding-bottom: 20px;
color: #FFF;
font-size: 12px;
background: #fff url(images/daum.gif) top center no-repeat;
}

본문글 작성시, 동영상 소스를 daum_tvpot 이라는 class의 div로 적당히 감싸주기만 하면...

<div class="daum_tvpot">
<object type='application/x-shockwave-flash' width="402" height="324" align='middle' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0'><param name='movie' value='http://flvs.daum.net/flvPlayer.swf?vid=LJ3SYEg9qFM$' /><param name='allowScriptAccess' value='always' /><param name='allowFullScreen' value='true' /><embed src='http://flvs.daum.net/flvPlayer.swf?vid=LJ3SYEg9qFM$' width="402" height="324" allowScriptAccess='always' type='application/x-shockwave-flash' allowFullScreen='true'></embed></object>
<br />소녀시대 - 다시 만난 세상
</div>

이렇게 됨.. ;}




소녀시대 - 다시 만난 세상



샘플 하나더..

처음엔 괜찮아 보이지만.. 금방 싫증이 나버리는게 단점이라면 단점..
물론 이것은 예전에 언급했던 적이 있던 유튜브 동영상 뒤에 배경 넣기와 같은 방법.. :}

이것은 유튜브 샘플.. ;}