HTML로 동영상 삽입, 유튜브 동영상 링크 삽입하기HTML로 동영상 삽입, 유튜브 동영상 링크 삽입하기

Posted at 2015. 1. 15. 17:15 | Posted in HTML 배우기
반응형

이번에는 블로그에 동영상을 링크시켜서

열어주는 방법에 대하여 알아볼까 합니다.

 

물론 링크라는 말은 연결만한다는 것이니까

파일자체를 들고 오는 것은 아니죠.

주소만 잘 찾아서 동영상 태그에 잘 대입시켜주기만 하면 됩니다.

 

1. 동영상 링크 삽입하기

 

<embed src="동영상 주소">

 

기본적으로 영상을 들고 오는 태그는 위와 같습니다.

여기서 동영상의 크기를 설정하고 싶다면 아래와 같이 하면 되겠습니다.

 

<embed src="동영상 주소" width="가로 길이" height="세로 길이">

 

위와 같이 가로와 세로 길이를 설정할 수도 있습니다.

주의할 점은 자신의 컴퓨터에 다운로드시켜 놓은 동영상을

이 태그로서 불러와도 다른 사람은 볼 수 없습니다.

자신에게만 보이는 거죠.

 

자신의 동영상을 보고 싶다면,

직접 블로그에 파일을 올리거나

유튜브에 올린 것을 간접적으로 불러오는 방법을 이용할 수 있습니다.

 

2. 유튜브 동영상 불러오기

 

 

일단 유튜브에서 불러오기를 원하는 영상을 선택합니다.

영상 아래에는 위와 같이 '공유' 부분이 있습니다.

이 부분을 클릭해주세요.

 

'소스코드'를 클릭해주면 위와 같이 태그가 파란색으로 선택이 됩니다.

이 부분을 복사하여 자신이 원하는 곳에서

html태그를 열어주고 붙여주기를 하면 미션이 완료됩니다.

 

그냥 블로그 글쓰기에서 이 태그를 붙여넣으면 작동이 되지 않습니다.

블로그에는 html태그를 입력하는 곳이 다 있으니

그 부분을 클릭한 후에 이 태그를 넣어주시면 되겠습니다.

 

반응형
//