English

Data-Info

                 

General YouTube Video by Embed Tag

2011.03.29 16:22

운영자 Views:815

 

 

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 6354
Notice How to Upload Pictures in webpages 운영자 2016.07.06 2019.12.31 1296
Notice How to Write a Webpage 운영자 2016.06.28 2017.07.19 1646
Notice Brief Instruction of using SNUMA Website 운영자 2008.04.28 2016.06.28 1568
41 Missing Language Bar 운영자 2015.05.17 2015.05.17 1304
40 dl, dt [1] 운영자 2015.01.20 2018.09.09 319
39 dt, dl codes 운영자 2013.11.17 2018.09.06 343
38 New "Sam-Kook-Ji" Drama Series, in Korean [5] 운영자 2012.09.06 2012.09.06 1225
37 When your computer is taken over by a virus 운영자 2011.06.19 2011.06.19 485
36 Retirement Savings and Distribution [1] 운영자 2011.05.05 2011.05.05 678
» YouTube Video by Embed Tag [11] 운영자 2011.03.29 2016.07.03 815
34 Mahjong Basics [1] 운영자 2010.12.23 2010.12.23 485
33 Good looking fancy fonts [3] 운영자 2010.10.09 2016.07.03 702
32 PhotoWorks Program file 운영자 2010.10.18 2010.10.18 425
31 Table Template 1 - Simple basic table frame [2] 운영자 2010.02.27 2010.02.27 333
30 Complex table frame with Legend and Fieldset [2] 운영자 2010.05.10 2010.05.10 392
29 Basic Frame Templates - 기본 테두리, 사진 넣기 [2] 운영자 2010.02.27 2010.02.27 404
28 Basic Frame Templates - 좀 복잡한 이중 테두리 [1] 운영자 2010.02.27 2010.02.27 354
27 Basic Frame Templates - 단색 테두리와 배경 [1] 운영자 2010.02.27 2010.02.27 336
26 Basic Frame Templates - 진한 밖 테두리, 엷은색 배경 [1] 운영자 2010.02.27 2010.02.27 348
25 Basic Frame Templates - 단색 테두리와 단색 배경 [1] 운영자 2010.02.27 2010.02.27 351
24 Basic Frame Templates - 어두운 배경-밝은 글자 [1] 운영자 2010.02.27 2010.02.27 329
23 Basic Frame Templates - 다른색 테두리, 안테두리와 배경 [1] 운영자 2010.02.27 2010.02.27 411
22 참고 - Modified Music Player 운영자 2010.02.02 2010.02.02 271