WEB1 HTML- 동영상 삽입

웹페이지에 동영상을 삽입하는 방법을 배웠다.

 

동영상을 삽입할 때 쓰는 태그는 <iframe> 태그이다.

실습을 할 때 유튜브에 올라온 생활코딩의 HTML강의를 웹페이지에 삽입시켰는데

 

우선 유튜브 상에서 공유 버튼을 누르면 퍼가기 버튼이 나오는데 그것을 눌러주면

 

이렇게 HTML 코드가 나오는 것을 볼 수 있는데 캡처에서 보는 거와 같이 동영상을 삽입할 때 쓰는 태그인<iframe>태그가 포함되어 있는 것을 볼 수 있다.

그리고 이 소스를 복사한 후 자신이 삽입하고자 하는 자신의 웹페이지에 붙여 넣으면 된다.

 

HTML에 관한 강의 동영상 이기에 예전에 만들어 놨던 HTML을 설명하는 소스코드에 붙여 넣었다.

 

이것을 실행하면 이렇게 웹페이지에 성공적으로 동영상이 삽입된 것을 볼 수 있다.

 

 

*느낀 점

동영상도 HTML로 웹페이지 상에 올리는 것이구나 하는 것을 알게 되었고 퍼가기 버튼을 눌렀을 때 HTML 코드가 나오는 거 보니 유튜브 같은 거대한 웹사이트도 동영상을 올리거나 할 때 기본적으로 HTML을 쓰는구나 하고 깨달았다.

알면 알아 갈수록 HTML의 기능은 참으로 놀랍고 모든 웹의 기본 뼈대가 되는 것 같다.