*블로그는 개인적인 의견과 경험이 많이 반영되므로, 객관적인 정보가 아닐 수도 있습니다.

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한 블리쟈드 코리아 공식 유튜브 영상의 실험입니다.

댓글 없음:

댓글 쓰기

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

Letsbemild Blog

전체 목록

관련단어로 찾기

2019cc 2023 CC 가젯 간편결제 검열 고장수리 고프로 고프로 마운트 고프로13 고프로8 고프로9 광각렌즈 구글포토 국민은행 국민카드 국외발신 그리스 네트워크 다이소 단축어 데이터 복구 데이터쉐어링 도구(Tools) 동영상 플레이어 디스플레이 디코더 렌즈 마이그레이션 마이크 마이크로소프트 말풍선 맥세이프 모니터 모자이크 미니 삼각대 배터리 병원 보안 암호 계정 사운드(소리) 사파리웹브라우저 삼성전자 생활 건강 샤나인코더 세븐일레븐 셔터 스팸 시스템 메모리 아이패드 아이폰 사용법 아이폰13미니 아이폰13프로맥스 아이폰5s 아이폰7 아이폰SE 알뜰폰 알림/배지 영화 및 TV 외장 HDD 케이스 윈도우 업데이트 윈도우 프로그램 윈도우디펜더 은행 응용프로그램 인증서 인코더 인텔(intel) 잡담 절전 모드 조명LED 짐벌 초광각렌즈 충전기 측정기 카메라 케이블 쿨러 크롬 택배 통신 모뎀 트위치 파워서플라이 파일앱 페이북 포토샵 효과 하나1Q pay 하나카드 한글변환출력 해피포인트 허브 Account INFO adobe Anamorphic렌즈 app store Asus avc1 BC카드 Beezap BIOS blogger BW-100 corsair air 240 CPL렌즈 CPU CU DDS포맷 Dell DirectX effect(보정) ERROR Esata exfat Feather GeForce Driver gif Gmail Google gpt GPU GTX1650 HandBrake HD4600 HDD_SSD HDD(SSD) HDR HEIC HEVC Hohem HTML태그 icloud illustrator intel Internet iOS iOS기본앱 iOS업데이트 iptime IRST iTunes ixpand KT KTm L.pay LG Macrium Reflect Macro렌즈 mask mbr MHL microSD Ms Office mSATA(RAID) ND렌즈 nplayer OBS omd2 onedrive OTG PC케이스 Photoshop Premiere Pro sandisk T전화 Trade In TV수신카드 uefi USB WD-40 webm Windows10 Windows11 Windows7 Windows8 wmware YouTube

이 블로그에서 찾기