Youtube 동영상을 일반 웹페이지에서 <iframe> 태그로 불러오기
유튜브에서는 각 동영상의 고유 아이디를 <iframe> 태그에 포함하여 일반 웹페이지에서도 유튜브 동영상을 볼 수 있도록 지원하고 있다
워드프레스 한국형 게시판 플러그인, Mangboard 에서도 위와 같이 복사한 동영상의 <iframe> 태그를 게시판에 글과 함께 등록하면 게시판 내에서 문제 없이 제대로 동영상이 플레이되는 것을 확인할 수 있다
유튜브 동영상의 고유 아이디 확인
유튜브에 동영상을 올리면 유튜브 내에서 각각 구별되는 유일한 아이디가 설정된다.
공개된 동영상의 고유 아이디는 다음과 같은 여러 경로를 통해서 누구나 확인할 수 있다
1. 유튜브에 동영상을 업로드 완료했을 때 화면 왼쪽의 [동영상 게재위치] 부분에 나타나 있다
예) https://youtu.be/jxyUizAC9fo
2. 유튜브 동영상을 시청할 때 웹브라우저 주소창에도 나타난다
예) https://www.youtube.com/watch?v=jxyUizAC9fo
3. 유튜브 동영상을 시청할 때 동영상 아래의 [공유] 버튼을 눌러도 확인할 수 있다
예) https://youtu.be/jxyUizAC9fo
유튜브에서 특정 동영상의 <iframe> 태그 복사해오기
사실 위처럼 일부러 동영상의 고유 아이디를 확인할 필요도 없이 유튜브에서는 <iframe>태그를 복사할 수 있도록 제공하고 있고 복사한 <iframe>태그 안에도 동영상의 고유 아이디가 포함되어 있다.
유튜브 동영상 아래에 있는 [공유] [소스코드] [이메일] 링크가 나란히 있는 곳에서 [소스코드] 링크를 누르면 다음과 같이 <iframe> 태그를 복사할 수 있도록 제공하고 있다
<iframe width="560" height="315" src="https://www.youtube.com/embed/jxyUizAC9fo" frameborder="0" allowfullscreen></iframe>
이렇게 복사한 <iframe> 태그를 블로그나 다른 사이트의 웹페이지에 HTML 소스코드로 붙여 넣으면 해당 웹페이지 내에서 유튜브 동영상을 볼 수 있다