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

이 블로그에서 찾기

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

전체 목록

  • [GIF] 고프로(9)에 추가 ND 렌즈(필터)는 어떨 때 사용하는 것?
  • [고용량 GIF주의] 실험 - 영상 프레임 강제 변경(30f to 24f 인코딩)은 신중할 것.
  • 프리미어 프로 (구)버전에 있던 Roll Effect 유사 효과 구현하기
  • 고프로13 '매크로 렌즈'를 장착하고, '표준 렌즈 프로튠' 가능?
  • 고프로 (호환렌즈) 애너모픽(anamorphic) 렌즈를 보류한 이유.
  • [GIF] 고프로(9)에 추가 CPL 렌즈(필터)는 사 볼만한 물건일까?
  • iOS 17부터 추가된 "도난당한 기기 보호" 기능 켬/끔에 대해...
  • 인텔(intel) 무선랜 & 블루투스 드라이버 업데이트 방법과 다운로드 경로
  • 10bit 영상정보 확인(로그/HDR), 인코딩 입/출력 설정 + (렌더링, 미리보기 멈춤)
  • [야간사진 / 야간랩스] 고프로에 굳이 셔터값을 사용해야? 2/2
  • [화질저하 비트레이트] 고프로13 변화 (8,9 사용자가 느낀) + 10bit 촬영이 안될 때.
  • Subtitle Edit 를 이용한 영상내 음성을 자막으로 추출하고 다시 번역하기.
  • 애플 제품 보상 판매(Trade In)에 관한 이런 저런(경험기)
  • 프리미어 프로 불러오기와 인코딩 "아이폰 HDR 영상"이 하얗게(과노출) 보일 때.
  • nplayer 음악 재생 중 "잠금 화면" 일 때 중지(멈춤) 되는 현상.
  • 프리미어 프로 - 영상 색상 조절(밝게/어둡게/채도/대비/선명도/기타...) + 필터 적용법
  • 프리미어 프로 - 영상 화이트발란스 자동 조절 적용(AUTO)하기.
  • 관리자 권한 문제로, 윈도우즈10 윈도우디펜더 보호기록(검출기록) 삭제가 안될 때.
  • 2019 포토샵, 사진을 움직이는 GIF 만들기 1/?
  • 아이폰(13), 사진과 동영상 옵션 "HDR효과?" (Windows 10) ON/OFF 에 관한.
  • [GIF] 프리미어 프로 2023 일부 달라진 점과 작업창(Workspaces) 고정.
  • 프리미어 프로 CC(2019) 각종 메뉴, 중요 실행 기능 요약 (+소프트웨어 인코딩 고정 문제)
  • [GIF] 고프로 HEVC 와 H.264의 "가변 비트 레이트"에 대한 오해?
  • 윈도우10 기본 "영화 및 TV 앱"을 이용한 HEVC(H.265) to AVC1(H.264) 간단 변환 방법 2/2
  • 프리미어 프로를 위한 HEVC 변환(AVC1 / H.264)도구 HandBrake 2/2
  • 대출 '낚시 중계기' 통신사 "PASS"앱, 등록된 모바일 신분증 제거하기.
  • 고프로(Gopro9) 슈퍼포토 vs HDR 사진 비교 체험.
  • 고프로9 렌즈 덮개 유리에 강화 유리를 붙일 수 밖에 없었던 이유.
  • 카메라 or 스마트폰에서 원근효과를 주는 렌즈(F) 규격에 대해.
  • [임시해결 & 해결] iOS 16.7.X 한글 표준 키보드 자/모음 분리 현상.