초급의 끄적거림

[HTML] iframe으로 유튜브 영상이 들어가지 않을 경우 (일반게시판에 유튜브 영상 넣는 방법) 본문

프론트엔드/HTML&CSS

[HTML] iframe으로 유튜브 영상이 들어가지 않을 경우 (일반게시판에 유튜브 영상 넣는 방법)

codingD 2019. 9. 8. 14:40

 

iframe 태그 혹은 embed 태그를 사용하여도 게시글 등록을 하면 아래 스샷처럼 

www.youtube.com에서 연결을 거부 했습니다. 라고 뜨면서 영상이 삽입되지 않는 경우

 

1. HTML을 잘 못 적었을 수도 있지만

2. 그게 아닐 경우

 

<div class="video-container" style="text-align: center; margin-top: 25px;>

<object type="text/html" width="100%" height="500" data="//www.youtube.com/embed/k9_XH1YibcY">

 

  width="100%" 

  영상 화면 가로 크기로서 100%는 원본 유튜브 영상 가로크기 그대로 나타남

  영상 크기를 줄이거나 늘이고 싶다면 100% 부분을 원하는 크기로 입력하면 됨. 

  height="500"

  영상 화면 세로 크기, 100%를 입력하면 원본 유튜브 영상 세로크기가 그대로 나타남

  영상 크기를 줄이거나 늘이고 싶다면 500 부분을 원하는 크기로 입력하면 됨

  k9_XH1YibcY   영상 주소에서 = 뒤를 복사하여 입력

 

영상 주소에서 복사해올 부분

 

결과


Comments