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
» YouTube Video by Embed Tag [11] 운영자 2011.03.29 2016.07.03 815
17 PC Keyboard Shortcuts You Need to Know [1] 운영자 2016.06.29 2016.07.09 821
16 Rounded boder [3] 운영자 2016.07.03 2016.09.28 971
15 한국을 둘러싼 국제 정치 의 현주소 이건일*68 2017.01.08 2017.01.08 710
14 Death In the mountain - Story of Marty Schmidt [1] 운영자 2017.05.04 2017.07.11 2001
13 dt, dl codes 운영자 2013.11.17 2018.09.06 343
12 dl, dt [1] 운영자 2015.01.20 2018.09.09 319
11 How to autostart "iframe" in YouTube Video 운영자 2017.03.02 2018.11.28 926
10 LW-SNUMAC Banner file 운영자 2019.05.14 2019.05.14 531
9 Another way of adding a background to a picture [1] file 운영자 2018.04.01 2019.11.12 659
8 How to use Rich Text Editor 운영자 2016.06.28 2019.12.31 843
7 A case Report of Acute Myeloid Leukemia [4] file 운영자 2019.12.31 2020.04.14 837
6 Johns Hopkins COVID19 Dashboard [2] 이한중*65 2020.05.10 2020.06.01 1909
5 Where To Find The Windows Wallpaper Location On Your PC 운영자 2021.02.13 2021.02.13 552
4 HTML CSS Border styles [1] 운영자 2021.02.17 2021.03.28 481
3 How to embed video to websites 운영자 2021.06.29 2021.06.29 402
2 Using attached mp3 in the webpage 운영자 2021.03.13 2022.04.25 459