- Total
- General
- Arts
- Book
- Culture
- Economy
- Essay
- Fun/Joke
- History
- Hobbies
- Info
- Life
- Medical
- Movie
- Music
- Nature
- News
- Notice
- Opinion
- Philosophy
- Photo
- Poem
- Politics
- Science
- Sports
- Travel
Info YouTube Video를 Embed Tag으로 올리기
2011.03.29 16:22
YouTube Video 올리기 이 글은 "SNUA Alumni and guest Only" 입니다.  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"으로 바꾸어 올리면 그럼 embed tag으로 바꾸는 과정을 소개합니다. 윗 code에서 "http://www.youtube.com/embed/IveuG4Z72-c"이 Yuna Arirang Video의 1. 위에서 ..../embed/... 대신에 ..../v/.... 를 넣는다 그 다음에 embed tag에 필요한 modifier code를 넣어준다. 2. Video의 화면 size, 즉 width and height을 넣을것. 그러고 나면 다음과 같은 embed tag이 됩니다. <embed src="http://www.youtube.com/v/IveuG4Z72-c&autoplay=1&hd=1&rel=0" volume="3" loop="-1"> 아래에 그 결과가 보입니다.
|
Comment 11
-
운영자
2011.03.29 16:30
-
김영철*61
2011.03.29 19:08
대단히 감사합니다.
밤늦게 이글을 보았으니, 내일이나 되어야 연습을 할 수 있겠어요.
-
이기우*71문리대
2011.03.29 23:17
올려주신 글.. 감사하고 감사합니다.
제 고교동창홈에 방법을 부탁을 했는데 답을 안주는거로 보아서.. 잘 안되나봅니다.
이곳에 계속 나두시겠지요?
어디좀 갔다올 일이 있어서.. 그때 공부좀 하려고요. -
황규정*65
2011.03.30 01:11
좋은수 친절하게 설명해주셔서 감사합니다.
역시 우리 관리자님은 도사이십니다. 규정
-
신성려#65
2011.03.30 02:44
여쭙고 싶었는데...
답을 주셨네요.제가 예전에 올렸던,
video들이 안되기에 수정하면서
지난주에 많이 씨름했었거든요.
감사합니다. -
김영철*61
2011.03.30 06:58
오늘 아침 동아일보의 "주성하의 북한 이야기" 칼럼을 보다가 오른쪽 '최근글' 중에서 "youtube 동영상 올리는 방법"을 발견했어요.
아직까지 두가지 방법의 어느 것도 시험 해 보지 않았으나 , 이에 대한 comment를 부탁합니다.
-
운영자
2011.03.30 17:57
김영철 선배님;
지금 본인이 바로 윗 code를 그대로 베껴 넣은 결과가 아래입니다. 잘 나옵니다.
Video 두개가 동시에 play되는것을 방지하기위해서, 본인이 나중에 code를 바꿨읍니다.
즉: &autoplay=1 을 &autoplay=0 로 바꾸어 click 해야만 play되게했읍니다.<embed width="640" height="390" type="application/x-shockwave-flash" src="http://www.youtube.com/v/IveuG4Z72-c&autoplay=0&hd=1&rel=0" volume="3" loop="-1">
본인의 추측은 올리실때 "HTML input mode" 에서 올리셔야합니다.
즉 그대로 올리시면 "글자 그대로" 나오는데, 이것은 HTML code임으로, 위에보이는 여러단추중에서
제일첫번단추인 "소스보기"단추 (확대경이 보이는 네모단추)를 클맄하셔서 HTML 입력 Mode가 되면
그때 넣으면 됩니다. 본무네 올리실때 마찬가지로 HTML input mode에서 하시면 됩니다. -
운영자
2011.03.30 18:23
답이 늦어서 죄송합니다. 오늘 하루종일 밖에서 헤메다가 늦게 돌아왔읍니다.
"...동아일보의 "주성하의 북한 이야기" 칼럼을 보다가 오른쪽 '최근글' 중에서 "youtube 동영상 올리는 방법"이건 아직 찾지못했는데, 윗 방법은 본인 자신이 발견해서 본인만이 아는 방법입니다.
(딴 사람이 독자적으로 발견했다면 몰라도)
본인의 고교 website에 알린바있읍니다 (약 10일전쯤). 따라서 본인 고교 동창회원들은 알지요.
본인 고교 website에서는 iframe code를 전혀 받지 않기때문에, 그것때문에 본인이 고안한 방법이지요.
우리 snucmaa.us에서는 iframe으로 잘되기에 사실은 이 방법이 필요없지요.
(단지, 우리 website에서도 video play를 더 잘 control할려면 embed로 해야겠지요.) -
운영자
2011.03.30 18:37
이 글을 다른곳으로 퍼가는것을 원하지 않는 이유는,
이렇게 embed code로 바꾸어 쓰는것을 YouTube 운영진이 원하지 않을수 있기때문입니다.
그들이 갑자기 "stable한 embed code"를 버리고 iframe code로 바꾼 무슨 (?) 이유가 있겠지요.
만일 그들이 안다면 URL을 바꾸어 이방법을 쉽게 무효화 시킬수있지요. -
김영철*61
2011.03.30 20:07
상세한 설명 감사해요.
31일 Oakland 에 올라 갔다가 6일후에 NJ 로 갑니다
내년 1 월에 다시 만납시다. 연습 많이 할께요. -
Chomee#65
2011.03.31 16:50
사실은 저의 고교 site에 iframe이 뜨지않아서 여러모로 try 하던중
소스코드를 click 하였더니
밑에 use old embed code(?)가나와서 click 하여 embed code로 바꾸어서
vidio를 지난 2월에 몇개 올린적이 있습니다.자세한 설명들 감사합니다.
끝에 나오는 다른 vidio 들이 bother 되였는데...
&rel=0"를 알려주셔서 감사합니다.
| No. | Subject | Date | Author | Last Update | Views |
|---|---|---|---|---|---|
| Notice | How to write your comments onto a webpage [2] | 2016.07.06 | 운영자 | 2016.11.20 | 18193 |
| Notice | How to Upload Pictures in webpages | 2016.07.06 | 운영자 | 2018.10.19 | 32348 |
| Notice | How to use Rich Text Editor [3] | 2016.06.28 | 운영자 | 2018.10.19 | 5925 |
| Notice | How to Write a Webpage | 2016.06.28 | 운영자 | 2020.12.23 | 43840 |
| 1523 | Tiger Mom vs. Panda Dad [1] | 2011.04.06 | 운영자 | 2011.04.06 | 5346 |
| 1522 | 한국의 절경 30 [1] | 2011.04.05 | Rover | 2011.04.05 | 6790 |
| 1521 | Los Verdes Golf Course [5] | 2011.04.05 | 운영자 | 2011.04.05 | 6706 |
| 1520 | Fukushima Fifty [2] | 2011.04.05 | 이한중*65 | 2011.04.05 | 6063 |
| 1519 | 2011 Kraft-Nabisco LPGA Championship 관전기 [4] | 2011.04.04 | 운영자 | 2011.04.04 | 5480 |
| 1518 | 추억의 팝송 [3] | 2011.04.03 | 계기식*72 | 2011.04.03 | 9120 |
| 1517 | Perfectly Timed Photos, 재시도 [2] | 2011.04.02 | 김영철*61 | 2011.04.02 | 8745 |
| 1516 | 독일전차병 군가 (영화 발지 전투에서 발췌) [2] | 2011.03.31 | 계기식*72 | 2011.03.31 | 10145 |
| 1515 | Dalai Lama's Advice [2] | 2011.03.31 | 이한중*65 | 2011.03.31 | 4674 |
| 1514 | 인간의 봄 [7] | 2011.03.30 | Chomee#65 | 2011.03.30 | 6918 |
| 1513 | Cherry Blossoms in the Spring / SAIGYO [11] | 2011.03.30 | Sukjoo#65 | 2011.03.30 | 7616 |
| 1512 | 부부 생활 의 법칙 [2] | 2011.03.29 | 임현재*65 | 2011.03.29 | 6780 |
| » | YouTube Video를 Embed Tag으로 올리기 [11] | 2011.03.29 | 운영자 | 2011.03.29 | 7397 |
| 1510 | 워싱턴 벚꽃축제를 돌아보고 왔어요. [18] | 2011.03.29 | 이기우*71문리대 | 2011.03.29 | 6858 |
| 1509 | KIA Classic LPGA 관람기 [9] | 2011.03.28 | 운영자 | 2011.03.28 | 6583 |
| 1508 | 일본의 안중근의사 기념비 [3] | 2011.03.28 | 황규정*65 | 2011.03.28 | 6357 |
| 1507 | Cruise to Latino Tango Countries [1] | 2011.03.27 | 장원호#guest | 2011.03.27 | 2493 |
| 1506 | 참치회 (Tuna), 알고 먹으면 10배 즐길수 있다 [2] | 2011.03.27 | 김건언*65 | 2011.03.27 | 6123 |
| 1505 | 봄이 오면, 나는 [4] | 2011.03.27 | 이한중*65 | 2011.03.27 | 6421 |
| 1504 | [몬트리얼] 개 두마리와 오리들.. 그리고 쾌적한 아침 [22] | 2011.03.27 | 이기우*71문리대 | 2011.03.27 | 7089 |
막상 쓰다가 보니 생각보다 쉽지 않어서 시간이 좀 걸렸읍니다.
YouTube에서 최근에 주는 iframe code로 않되는 경우에 embed code로 바꾸면
autostart, volume, loop의 여부를 지정해줄수있는 장점이 있고,
embed code는 much benigner code로서 운영자 입장에서는 embed를 환영합니다.