Monday, June 11, 2007
유튜브 동영상 크기 조절 태그, 가로 세로 축소 확대; YouTube Utube Embed Tag
유튜브 동영상을 자신의 홈페이지나 블로그에 붙일 수 있습니다. 동영상 페이지에 보면 태그가 있는데, 동영상 가로 길이가 425 픽셀이라서 저의 블로그에서는 페이지 레이아웃이 깨질 수 있었습니다. 다음과 같이 하면 동영상 가로 길이를 축소할 수 있습니다.
object 태그와 embed 태그 두 군데의 width(가로길이)와 height(세로길이)속성을 수정해야 합니다.
원본 태그:
425 픽셀을 400픽셀로 줄이면, 세로 길이도 329 픽셀로 조정해야 합니다. 포토샵에서 425x350 픽셀짜리 빈 그림을 하나 만든 후, 그 그림의 가로 길이를 400픽셀로 사이즈를 축소 변경하면, 세로 길이의 값이 329픽셀로 계산되어 나옵니다.
축소 변경된 태그:
가로길이를 500픽셀로 확대하려면
width="500" height="412"
이렇게 변경하면 됩니다.
그리고 param 태그에는 닫는 태그가 없는데, 유튜브에서는 닫는 태그를 붙였더군요. 닫는 태그를 없애고 XHTML 규약에 맞도록 수정했습니다.
☞ HTML/CSS/자바스크립트(JavaScript)
☞ Web (웹)
object 태그와 embed 태그 두 군데의 width(가로길이)와 height(세로길이)속성을 수정해야 합니다.
원본 태그:
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/pP8YwwzjAbQ"></param><param name="wmode" value="transparent"></param><embed src="http://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="http://www.youtube.com/v/pP8YwwzjAbQ" /><param name="wmode" value="transparent" /><embed src="http://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 규약에 맞도록 수정했습니다.
☞ HTML/CSS/자바스크립트(JavaScript)
☞ Web (웹)
Post a Comment
<< Home