HTML로 동영상 삽입, 유튜브 동영상 링크 삽입하기HTML로 동영상 삽입, 유튜브 동영상 링크 삽입하기
Posted at 2015. 1. 15. 17:15 | Posted in HTML 배우기반응형
이번에는 블로그에 동영상을 링크시켜서
열어주는 방법에 대하여 알아볼까 합니다.
물론 링크라는 말은 연결만한다는 것이니까
파일자체를 들고 오는 것은 아니죠.
주소만 잘 찾아서 동영상 태그에 잘 대입시켜주기만 하면 됩니다.
1. 동영상 링크 삽입하기
<embed src="동영상 주소">
기본적으로 영상을 들고 오는 태그는 위와 같습니다.
여기서 동영상의 크기를 설정하고 싶다면 아래와 같이 하면 되겠습니다.
<embed src="동영상 주소" width="가로 길이" height="세로 길이">
위와 같이 가로와 세로 길이를 설정할 수도 있습니다.
주의할 점은 자신의 컴퓨터에 다운로드시켜 놓은 동영상을
이 태그로서 불러와도 다른 사람은 볼 수 없습니다.
자신에게만 보이는 거죠.
자신의 동영상을 보고 싶다면,
직접 블로그에 파일을 올리거나
유튜브에 올린 것을 간접적으로 불러오는 방법을 이용할 수 있습니다.
2. 유튜브 동영상 불러오기
일단 유튜브에서 불러오기를 원하는 영상을 선택합니다.
영상 아래에는 위와 같이 '공유' 부분이 있습니다.
이 부분을 클릭해주세요.
'소스코드'를 클릭해주면 위와 같이 태그가 파란색으로 선택이 됩니다.
이 부분을 복사하여 자신이 원하는 곳에서
html태그를 열어주고 붙여주기를 하면 미션이 완료됩니다.
그냥 블로그 글쓰기에서 이 태그를 붙여넣으면 작동이 되지 않습니다.
블로그에는 html태그를 입력하는 곳이 다 있으니
그 부분을 클릭한 후에 이 태그를 넣어주시면 되겠습니다.
반응형
'HTML 배우기' 카테고리의 다른 글
HTML로 배경이미지와 색상 넣어주기 (0) | 2015.01.18 |
---|---|
HTML로 이미지위치를 오른쪽, 왼쪽 정렬하기 (0) | 2015.01.18 |
HTML 그림링크삽입, 새창띄우기 방법 (0) | 2015.01.13 |
html 이미지 넣기와 크기조절 방법 (0) | 2015.01.12 |
html 글씨체, 밑줄 긋기 방법 (0) | 2015.01.12 |