- 다양한 주제에 대해 자유롭게 글을 작성하는 게시판입니다.
Date 15/12/03 02:14:15
Name   Top
Subject   홍차넷 게시글에 youtube 영상 삽입하기 + 입맛대로 재생옵션 수정하기
다 쓰고나서야 받은제보(https://kongcha.net/?b=7&n=560&c=4510)...

위 사이트 들어가서 처리하시면 됩니다...
유튜브 플레이어 버전이 구버전인거 같지만 아래같은 짓거리(?) 안해도 됩니다...

이하는 version 3 내용

HTML 쓰는 다른데도 아마 가능할겁니다.

1. 초보자용
1) 원하는 유튜브 동영상을 우클릭합니다.
2) 소스코드 복사를 누릅니다.
3) 홍차넷 글쓰기 버튼을 누릅니다.
4) [TEXT/HTML] 에서 붙여넣기를 합니다.
5) 미리보기로 나오나 확인합니다.
6) 적절히 내용을 채우고 글쓰기 버튼을 누릅니다.

2. 크기조절
1) 원하는 유튜브 동영상을 우클릭합니다.
2) 소스코드 복사를 누릅니다.
3) 홍차넷 글쓰기 버튼을 누릅니다.
4) [TEXT/HTML] 에서 붙여넣기를 합니다.
5) iframe width="[가로크기]" height="[세로크기]" <="" span=""에서 가로크기와 세로크기를 원하는데로 바꿔줍니다.
6) 미리보기로 나오나 확인합니다.
7) 적절히 내용을 채우고 글쓰기 버튼을 누릅니다.

예제

[원본 코드] - 검은 여백 존재
iframe width="640" height="480" src="https://www.youtube.com/embed/lAl837zxOXk?feature=player_embedded" frameborder="0" allowfullscreen>

제일 처음과 끝에 < 와 > 추가해주면 작동. 이하 코드 모두 동일

[원본 결과]


[수정 코드] - 검은 여백 삭제

iframe width="360" height="640" src="https://www.youtube.com/embed/lAl837zxOXk?feature=player_embedded" frameborder="0" allowfullscreen>

[수정 결과]

3. 덕질을 위한 무한반복방법

1) 원하는 유튜브 동영상을 우클릭합니다.
2) 소스코드 복사를 누릅니다.
3) 홍차넷 글쓰기 버튼을 누릅니다.
4) [TEXT/HTML] 에서 붙여넣기를 합니다.
5) 소스코드에서 src = "https://www.youtube.com/embed/[VIDEO_ID]?feature=player_embedded" 부분 찾음
6) 5) 의 부분에서  " " 사이 주소를 다음과 같이 변경 http://www.youtube.com/v/[VIDEO_ID]?version=3&loop=1&playlist=[VIDEO_ID] 여기서 VIDEO_ID 는 4. 의 [VIDEO_ID] 를 이용.
7) 적절히 내용을 채우고 글쓰기 버튼을 누릅니다.

예제
[원본 코드]
iframe width="507" height="900" src="https://www.youtube.com/embed/lAl837zxOXk?feature=player_embedded" frameborder="0" allowfullscreen>

[원본 결과] - 재생 끝나면 다시시작 버튼 눌러야함

[수정 코드]
iframe width="507" height="900" src="http://www.youtube.com/v/lAl837zxOXk?version=3&loop=1&playlist=lAl837zxOXk" frameborder="0" allowfullscreen>

[수정 결과] - 재생끝나면 바로 다시시작

구현 원리(?)는 플레이리스트를 만들어서 무한반복시키는 것으로 보임. 자세한 내용은 하단 참고자료 참고.


더 많은 커스터마이징은 다른 능력자분들께서 알려주시길 바라면서 이만 줄입니다.

p.s. 글쓰기 누르고나서 처음 볼때까진 html 코드 안먹히면서 예제랑 잘보였는데 뭔가 꼬였네요 ㅠㅠ 어떻게 처리해야하죠? 앙대 ㅠㅠ 자야하는데... 임의로 tag 의 제일 처음 시작과 끝의 <> 를 날려버렸습니다... 대충 뜨내기로 아는사람에겐... 이게 한계네요

참고자료



3
  • 고생에는 추천!


1일3똥
예전에 한창 텀블러 할때는 720, 1080 으로 재생시키기 같은 소스들 사용했었는데 시간나면 찾아봐야겠네요.
흐흐 알게되면 알려주세요~
&lt; 를 쓰면 <를 살릴 수 있습니다.
다만 다시 수정하려고 하면 <로 바뀌어 있기 때문에 다시 &lt; 로 바꿔줘야 한다는게 문제....

>는 &gt; 로 쓰면 됩니다.
아 <자리에 ⁢ 을 써주면 되는건가요? 저거 더 손대긴 겁나서... 포기합니다 ㅠㅠ 알려주셔서 감사합니다.
낄낄 야밤에 고생하셨습니다. 원래 덕질을 위해서라면 시행착오를 겪더라도 불타오르는 법이죠! 조금 더 일찍 알려드렸음 좋았을텐데, 스타하느라 ㅜㅠ
목록
번호 제목 이름 날짜 조회 추천
2667 꿀팁/강좌예비군 가이드? 12 김덕배 16/04/21 8050 0
2663 꿀팁/강좌2030년 경엔 흑인여성이 미국지폐에.. 21 눈부심 16/04/21 9185 0
2649 꿀팁/강좌출장 세차 서비스 소개 - 페달링 12 Toby 16/04/20 6596 0
2148 꿀팁/강좌로버트 새폴스키 - 스트레스와 인간 16 눈부심 16/01/31 8199 8
2147 꿀팁/강좌로버트 새폴스키 - 개코원숭이들을 통해 바라본 인간 8 눈부심 16/01/31 8277 7
2065 꿀팁/강좌보일러 온수가 안나온 이야기 18 Toby 16/01/20 9620 0
1997 꿀팁/강좌만장일치의 역설 30 눈부심 16/01/11 6375 10
1758 꿀팁/강좌남규한의 사진 레시피 - 사진, 찍고 싶다 1 F.Nietzsche 15/12/13 6578 2
1708 꿀팁/강좌남규한의 사진 레시피 - 새벽의 맨하탄 4 F.Nietzsche 15/12/04 6392 1
1703 꿀팁/강좌이것이 진화생물학적으로 접근하는 사회브란감? 4 눈부심 15/12/04 6018 1
1702 꿀팁/강좌페이코 이벤트 꿀빠세요 (티몬 1만원 할인, 벅스 6개월 990원) 5 Toby 15/12/04 8943 1
1692 꿀팁/강좌홍차넷 게시글에 youtube 영상 삽입하기 + 입맛대로 재생옵션 수정하기 5 Top 15/12/03 8173 3
1671 꿀팁/강좌남규한의 사진 레시피 - Hot VS Cool 6 F.Nietzsche 15/11/30 6527 3
1619 꿀팁/강좌남규한의 사진 레시피 - 추상 사진 9 F.Nietzsche 15/11/23 6195 0
1616 꿀팁/강좌해커 스크립트 6 Toby 15/11/23 13604 5
1607 꿀팁/강좌남규한의 사진 레시피 - 표지판과 사람 2 F.Nietzsche 15/11/21 6432 3
1569 꿀팁/강좌셋방 뺄 때, 집주인이 보증금을 안 줄 때의 대처방법 16 April_fool 15/11/16 20725 2
1567 꿀팁/강좌진지한 취미 사진가를 위한 다섯 가지 팁(스크롤 압박!) 39 *alchemist* 15/11/15 8964 12
1566 꿀팁/강좌남규한의 사진 레시피 - 잘 찍은 사진 8 F.Nietzsche 15/11/15 6693 3
1559 꿀팁/강좌남규한의 사진 레시피 - 해안도로의 포장마차 F.Nietzsche 15/11/14 6185 0
1531 꿀팁/강좌남규한의 사진 레시피 - 까를교의 노인 4 F.Nietzsche 15/11/11 6664 0
1530 꿀팁/강좌2016에는 불렛 저널(bullet journal)어때요? 15 다람쥐 15/11/11 18513 1
1525 꿀팁/강좌남규한의 사진 레시피 - 코카콜라 매니아 3 F.Nietzsche 15/11/10 6450 7
1509 꿀팁/강좌남규한의 사진 레시피 - 액자 속의 나무 8 F.Nietzsche 15/11/09 6658 2
1499 꿀팁/강좌남규한의 사진 레시피 - 비오는 날의 단풍 4 F.Nietzsche 15/11/08 8985 3
목록

+ : 최근 2시간내에 달린 댓글
+ : 최근 4시간내에 달린 댓글

댓글