English

Data-Info

                 

General YouTube Video by Embed Tag

2011.03.29 16:22

운영자 Views:544

 

 

YouTube Video 올리기

이 글은 "SNUA Alumni and guest Only" 입니다.
Please do not copy or move this webpage to another website
다른 website로의 이전, 복사를 금지합니다.



 


YouTube에 들어갔을때 보통 보이는 Video webpage입니다.
여기에서는 Yuna Kim의 아리랑을 예로 들어서 씁니다.
YouTube에서는 그들의 광고와 다른 비슷한 webpage들이 잔뜩 지저분하게 나오지요.
이 Video를 따와서 자기가 원하는 website에 Video 부분만 올리는것이 우리의 목표입니다.
예전에는 YouTube에서 Object and Embed code를 공개해주어서 누구나 쉽게 퍼갈수있었는데,
최근부터는 iframe code로 주어서, 어떤 website에서는 video를 옮기기가 좀 불편하게 되었읍니다.
우리 snucmaa.us website에서는 잘되지만, 여기에 embed code로 전환해서 옮기는 방법을 소개합니다.

 



사진밑에 보이는 Menu 중에서 "Source code (소스코드)"를 click하면,
그밑에 윗 사진과 같이 "iframe" code가 나옵니다.
보통 이것을 모두 copy해서 저기가 원하는 (만들고있는) webpage에 HTML mode에서 paste하면 되지요.
우리 website에서는 대개의 경우 잘 실행되어 문제가 없읍니다.

그러나 여러개의 iframe을 쓰는 경우에는, 또는 이유없이 잘 않될수도있읍니다.
이것이 iframe code여서 어떤 website에서는 받아주지 않고 그 실행이 않되거나 불편이 있읍니다.
따라서 우리가 이미 잘아는 embed code로 바꾸면 편하겠지요.

아래와 같은 "iframe tag"으로 않되는 경우에 "embed tag"으로 바꾸어 올리면
모든 website에서 잘 실행되며 video play control을 더 잘할수있읍니다.

 

그럼 embed tag으로 바꾸는 과정을 소개합니다.
이 작업은 YouTube video경우에만 적용되며, 본인이 다른 video site은 실험해보지 않어 되는지 모릅니다.
또 이작업이 현재는 되지만 미래에도 된다고는 보증할수없지요. YouTube측에서 바꾸면 그만이니까.
Internet world는 endlessly and rapidly dynamic하기에 오늘의 비법이 내일에 된다고 믿을수없지요.

윗 code에서 "http://www.youtube.com/embed/IveuG4Z72-c"이 Yuna Arirang Video의
URL (Unified Resource Locator=Internet address)입니다.
Embed tag을 쓰는 경우에는 이 URL을 쓰면 작동이 되지않기에, 따라서 작동되는 URL로 바꾸어야합니다.

1. 위에서 ..../embed/... 대신에 ..../v/.... 를 넣는다
"http://www.youtube.com/embed/IveuG4Z72-c"
"http://www.youtube.com/v/IveuG4Z72-c"로 된다.

그 다음에 embed tag에 필요한 modifier code를 넣어준다.

2. Video의 화면 size, 즉 width and height을 넣을것.
3. 기타 volume, loop를 정의해줄것.
4. type="application/x-shockwave-flash" 를 넣어줄것
5. autostart을 원하면 URL 끝에 "&autoplay=1"
(독자가 click할 필요가 없도록)
6. High definition video을 원하면 URL끝에 "&hd=1" (만일 HA video가 available하다면)
7. Continuous repeat play원하면 "&loop=1"
8. Video 주위로 Frame을 원하면 "&border=1"
7.
끝나면 나오는 related (관련된) video를 못나오게할려면 "&rel=0"
  (본인을 포함해서,
거의 모든 webmaster들은 related video가 나오는것을 원하지 않습니다. 그 이유는 여기에 설명 않함.)

그러고 나면 다음과 같은 embed tag이 됩니다.



이렇게 하면 독자가 webpage를 열었을때 즉시 video가 play 됩니다.

아래에 그 결과가 보입니다.
본인이 원하는대로 바꾼 final code로 올렸을때:


Our Arirang Song and A beautiful Korean girl !!

by SNUMA WM - March 29, 2011

"<
* 운영자님에 의해서 게시물 Copy (복사)되었습니다 (2011-04-27 02:00)

 

No. Subject Author Date Last Update Views
Notice How to write your comments onto a webpage 운영자 2016.07.06 2019.12.31 5571
Notice How to Upload Pictures in webpages 운영자 2016.07.06 2019.12.31 544
Notice How to Write a Webpage 운영자 2016.06.28 2017.07.19 822
Notice Brief Instruction of using SNUMA Website 운영자 2008.04.28 2016.06.28 768
60 홈피에 사진 올리기 운영자 2005.06.17 2005.06.17 678
59 HTML Lesson (1) Rosun 2005.07.09 2005.07.09 196
58 HTML Basic Tag Study (2) Rosun 2005.07.09 2005.07.09 131
57 HTML Basic Tag Study (3) Rosun 2005.07.09 2005.07.09 114
56 HTML Basic Tag Study (4) Rosun 2005.07.09 2005.07.09 154
55 Marquee Lessons Lesson 2005.12.02 2005.12.02 116
54 홈피에 사진 올리기 [1] 一水去士 2006.02.18 2006.02.18 163
53 홈피에 음악 올리기 一水去士 2006.02.18 2006.02.18 188
52 한자사전 (퍼옴) 석주 2007.06.19 2007.06.19 1673
51 Buttons and Icons - Making by Table [1] Steven 2008.02.24 2008.02.24 335
50 Webpage (or site) Source Code Viewer 운영자 2008.04.09 2008.04.09 84
49 Floating Balloons with Messages 운영자 2008.04.09 2008.04.09 98
48 색상 고르기 (Choosing Color codes) [1] 운영자 2008.04.09 2008.04.09 121
47 세계적인 거장 30인의 작품 모음 운영자 2008.04.09 2008.04.09 110
46 ANSI Character Set 운영자 2008.04.09 2008.04.09 68
45 한국 동화 모음 (펌) 운영자 2008.04.09 2008.04.09 154
44 Class website data 운영자 2008.05.17 2008.05.17 251
43 Website Revision 운영자 2008.06.20 2008.06.20 114
42 만년달력 - 음력과 양력 [1] YonnieC#65 2008.10.30 2008.10.30 277