2013.08.02 21:49

Youtube 삽입하기

조회 수 1725 추천 수 0 댓글 4
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

홈페이지에 글을 쓰시면서 Youtube비디오를 넣기 원하시는 분들이 계십니다. 

저에게 이런 내용을 문의하시는 분들이 종종 계서서 아예 글로 남겨놓으려고 합니다. 


아사동 홈페이지를 운영하는 소프트웨어는 XpressEngine이라는 Contents Management System을 사용하고 있습니다.

IT업을 하는 사람으로서 정말 자랑스러운 소프트웨어입니다. 이렇게 좋은 소프트웨어를 무료로 배포한 Naver는 복받을꺼라는..


그런데 문제는 이것을 업그레이드를 할때마다 Youtube쪽과 호환이 잘 안되는 문제가 발생을 하곤합니다. 

보안문제로 일부러 차단하는 경우도 있구요. 

아사동처럼 계속 최신 Xpress Engine CMS로 업그레이드를 하고 있는 웹사이트들은 최근들어 일반 회원이 홈페이지 내용중에 Youtube를 넣는 것이 잘 안되실겁니다. 

그래서 아래에 아사동 홈페이지에 유튜브 비디오 넣는 법을 알려드리려고 합니다. 

(시간이 지나면 Xpress Engine이 이 문제를 해결해 줄 것이라 생각도 듭니다만....)


1. 넣으려고 하시는 유튜브 비디오를 유튜브 사이트에서 찾아주세요.


2. 비디오 바로 아래에 있는 Share를 클릭해 주세요.


Screen Shot 2013-08-02 at 9.26.35 PM.png



3. Share아래에 기본으로 Hare this video가 선택되어 있는데 이것을 Embed로 선택해 주세요.



Screen Shot 2013-08-02 at 9.32.14 PM.png



4. Embed 아래에 <iframe 으로 시작하는 내용이 미리 선택되어 있는데 이 내용을 복사해 주세요. 

(복사라는 말에 막히시는 분은 일단 컴퓨터 강좌를 먼저 하고 이곳으로 다시 오시기 바랍니다.)


5. 아사동 홈페이지에 글을 쓰시는 곳에 오셔서 쓰시고자 하시는 내용을 먼저 입력하시고 

입력창 오른쪽 상단에 있는 "HTML편집기"버튼을 눌러주세요.


Screen Shot 2013-08-02 at 9.35.52 PM.png




6.  HTML내용 하단에 이전에 카피해 두었던 내용을 붙여넣습니다. (붙여넣는다는 말을 모르시면 역시 컴퓨터 강좌부터....)


Screen Shot 2013-08-02 at 9.39.16 PM.png




7. 복사해 넣은 내용중에 src="// 로 시작하는 내용을 src="http://로 바꾸어 주세요. 

즉 "와 / 사이에 http: 를 추가해 넣는 겁니다.  (이 요상한 작업 부분이 가장 중요합니다.)


Screen Shot 2013-08-02 at 9.42.58 PM.png



8. 등록버튼을 눌러 글을 등록합니다.


9. 그러면 아래와 같이 유튜브 비디오가 본문에 추가가 됩니다.




보너스 팁:

비디오를 자동으로 실행을 하고 싶으시다구요?

그러면 복사해 넣으신 내용 중에 src="http://www.youtube.com/embed/BetVjXZJL_s" 이런 형태로 된 유튜브 링크 내용이 있는데 

여기 끝에 ?autoplay=1 이라고 추가해 넣으시면 됩니다.

이 윗줄의 경우는 src="http://www.youtube.com/embed/BetVjXZJL_s?autoplay=1"  이렇게 되겠죠?


Who's JICHOON

profile

찍으면 사랑하게 되고, 사랑하면 보이나니, 그때 보이는 것은 전과 같지 않더라.                                                                                                

  • profile
    JICHOON 2013.08.02 22:05

    그리고 댓글에는 HTML로 쓰기가 안되는 버그가 있습니다. 그래서 댓글에는 유튜브같은 것을 넣을수 없게되는데 이때는 일단 아무 내용으로든 댓글내용을 쓰셔서 글을 등록하신 후에 수정모드로 들어가시면 HTML로 쓰기를 할수 있는 "HTML편집기"버튼이 등장을 합니다. 이때 이버튼을 클릭하신후 HTML을 사용하시면 됩니다.
    번거러우시더라도 개발자가 이 문제를 해결할때까지는 그냥 이렇게 써주세요. 나한테 뭐라고 하지 말아주세요. 전 몰러유~ 휘리릭~~~

  • ?
    Shaun 2013.08.03 12:11
    감사합니다. 이리도 친절하게 다 알려주시고
  • profile
    공공 2013.08.03 12:44
    예로 올리시는 비디오 좋은데요,,,,,
  • profile
    JICHOON 2013.08.03 21:04
    호주의 SLR로 찍는 음악비디오 프로젝트팀에서 만들었습니다. 주로 5D MarkII로 찍는다지요 아마? ^^

자유게시판

게시물, 사진 등록 요령과 주의사항이 아래 링크에 있으니 꼭 확인해 주시기 바랍니다.

게시물 작성 제한 사항


갤러리 사진 등록가이드

  1. No Image

    [dpreview] Nikon D300s, D3000, two lens

    by 소니짜이즈
    2009/07/29 by 소니짜이즈
    Views 4280  Replies 2
  2. No Image

    [Day-1] 전시장 셋업, 액자 설치하는날 (12/30)

    by JICHOON
    2018/11/30 by JICHOON
    Views 69  Replies 1
  3. No Image

    [7월 정기 모임에 관하여.]

    by 공공
    2011/06/16 by 공공
    Views 9428  Replies 6
  4. No Image

    [7월 정기 모임 공지]

    by 공공
    2013/07/02 by 공공
    Views 1572 
  5. No Image

    [5월정출 영상] [수정] 자유갤러리 에 있습니다

    by maxine
    2015/05/24 by maxine
    Views 86  Replies 5
  6. No Image

    [300D]출사 후기

    by 300D
    2007/01/01 by 300D
    Views 2999  Replies 7
  7. No Image

    [2017년 사진전] 사진전 신청 및 제출

    by esse
    2017/09/17 by esse
    Views 922  Replies 65
  8. No Image

    [2016 사진전] 알려드립니다~! (중요도 ★★★★★)

    by 영은
    2016/11/06 by 영은
    Views 71  Replies 4
  9. No Image

    [2016 사진전] 5x7 사이즈 인화 & 판매

    by 영은
    2016/11/22 by 영은
    Views 165  Replies 11
  10. No Image

    [ 화요 번개 ] 1월 23일 오후 6시 30분 스와니 아씨몰 주차장

    by layla
    2024/01/21 by layla
    in 일반
    Views 251  Replies 10
  11. No Image

    [ The Georgia Renaissance Festival ] 이런 곳도 있답니다

    by Sunshine
    2016/03/31 by Sunshine
    Views 151  Replies 9
  12. No Image

    [ 11월 정기 모임 !!]

    by 공공
    2013/10/30 by 공공
    Views 2841 
  13. No Image

    ZZZZZZZZZZZZZZZz

    by 20
    2007/10/09 by 20
    Views 1936  Replies 1
  14. No Image

    Zend Optimizer 3.0 이상 쓸 수있는 미국서버가 뭐가 있나요??

    by Silvercan
    2007/06/01 by Silvercan
    Views 2433  Replies 2
  15. No Image

    Zeiss Lens Wipes

    by 보케
    2021/10/23 by 보케
    in 일반
    Views 149  Replies 4
  16. Youtube 삽입하기

    by JICHOON
    2013/08/02 by JICHOON
    Views 1725  Replies 4
  17. No Image

    YouTube link insert

    by Steve
    2021/04/26 by Steve
    Views 108  Replies 4
  18. No Image

    You are beautiful...

    by blue_ocean
    2015/12/07 by blue_ocean
    Views 73  Replies 1
  19. No Image

    Yellowstone-Teton-Salt Lake City 여행기

    by 장가
    2011/07/06 by 장가
    Views 6311  Replies 5
  20. Yayoi Kusama's Exibition - HIGH MUSEUM

    by 보케
    2018/09/16 by 보케
    Views 203  Replies 11
목록
Board Pagination Prev 1 ... 151 152 153 154 155 156 157 158 159 160 ... 199 Next
/ 199
aaa