2018년 3월 12일 월요일

자신의 블로그(웹페이지)에 유튜브 동영상 링크(태그)시켜 게시하기.

유튜브 동영상을 올린 것이나, 타인의 유튜브 영상을 자신의 블로그나 기타 웹페이지에 링크시킬 경우 html 태그 사용방법입니다.
(단, 기타 게시판에 올릴때는 그곳의 형식을 따릅니다만 이것은 범용적 태그 방법입니다)

1. 자신이 유튜브에 올렸거나 링크 시킬 동영상 주소를 복사합니다.
(예 : https://youtu.be/nzs1PKhte5I )

2. iframe 태그로 게시할때는 아래와 같이 1번의 주소부분만을 복사하여 아래태크에 붙혀넣습니다.
<iframe width="640" height="360" src="//www.youtube.com/embed/nzs1PKhte5I?showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen></iframe>

3. embled 태그로 게시할때도 마찬가지 입니다.
<object width="640" height="360"><param name="movie" value="//www.youtube.com/v/nzs1PKhte5I?showinfo=0&fs=0&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/nzs1PKhte5I?showinfo=0&fs=0&rel=0" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed></object>

4. 테이블에 결합할때 방법인데, 제가 주로 사용하는 태그입니다.
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><iframe width="640" height="360" src="//www.youtube.com/embed/nzs1PKhte5I?showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen></iframe></td></tr>
<tr><td class="tr-caption" style="text-align: center;">동영상 설명 쓰기</td></tr>
</tbody></table>
<br />

설명 :
1. 640과 360은 임의의 비율 사이즈이며, 원본을 비율 축소하여 보여주기만  합니다.
(원본 영상의 16:9나 4:3 (원본의 비율)의 사이즈 유지하려면 축소시켜 보여줄 때도 같은 비율로 정해주는 것이 보기에 좋겠죠)

2. 그외 태그는 공통적으로 사용되는 것들입니다.
아래의 4번 방법을 이용하여, Tag한 블리쟈드 코리아 공식 유튜브 영상의 실험입니다.

댓글 없음:

댓글 쓰기

소중한 의견, 가급적 빠른 답변을 드리겠습니다.