mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Monday, June 11, 2007

유튜브 동영상 크기 조절 태그, 가로 세로 축소 확대; YouTube Utube Embed Tag


유튜브 동영상을 자신의 홈페이지나 블로그에 붙일 수 있습니다. 동영상 페이지에 보면 태그가 있는데, 동영상 가로 길이가 425 픽셀이라서 저의 블로그에서는 페이지 레이아웃이 깨질 수 있었습니다. 다음과 같이 하면 동영상 가로 길이를 축소할 수 있습니다.

object 태그와 embed 태그 두 군데의 width(가로길이)와 height(세로길이)속성을 수정해야 합니다.

원본 태그:
<object width="425" height="350"><param name="movie" value="https://www.youtube.com/v/pP8YwwzjAbQ"></param><param name="wmode" value="transparent"></param><embed src="https://www.youtube.com/v/pP8YwwzjAbQ" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>


425 픽셀을 400픽셀로 줄이면, 세로 길이도 329 픽셀로 조정해야 합니다. 포토샵에서 425x350 픽셀짜리 빈 그림을 하나 만든 후, 그 그림의 가로 길이를 400픽셀로 사이즈를 축소 변경하면, 세로 길이의 값이 329픽셀로 계산되어 나옵니다.


축소 변경된 태그:
<object width="400" height="329"><param name="movie" value="https://www.youtube.com/v/pP8YwwzjAbQ" /><param name="wmode" value="transparent" /><embed src="https://www.youtube.com/v/pP8YwwzjAbQ" type="application/x-shockwave-flash" wmode="transparent" width="400" height="329"></embed></object>


가로길이를 500픽셀로 확대하려면

width="500" height="412"

이렇게 변경하면 됩니다.

그리고 param 태그에는 닫는 태그가 없는데, 유튜브에서는 닫는 태그를 붙였더군요. 닫는 태그를 없애고 XHTML 규약에 맞도록 수정했습니다.




tag: html
HTML | CSS | 자바스크립트 JavaScript
tag: web
Web | 웹 | 인터넷 사이트

0 Comments:

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top