kipid's blog
[Lists]
[전체목록]
[Recoeve.net]
[IT|Programming]
[Physics|Math]
[정치|사회|경제]
[Music|Break]
[방명록]
Reco Everything you wanna value.
자세히보기
[IT|Programming]/HTML related
유튜브 리스트 (Youtube list) 로 퍼오는 법
kipid
2024. 9. 23. 06:54
반응형
# 유튜브 리스트 (Youtube list) 로 퍼오는 법 유튜브 영상 한개만 있는게 아니라, 리스트로 있는 영상들도 많은데, 이 때 동영상 하나만 퍼오는게 아니라 list 통째로 퍼오는 법을 알고 싶어서 정리하는 글. ## PH
2024-02-10 : First posting.
## TOC ## 리스트 퍼오기 예제 링크:
그냥 동영상 볼 때의 링크:
https://www.youtube.com/watch?v=xHW7KOcqToo&list=PLUbFnGajtZlUl0zYr4crGveP21BbcZG_L&index=1
플레이리스트 | Playlist 홈의 링크:
https://www.youtube.com/playlist?list=PLU9-uwewPMe05-khW3YcDEaHMk_qA-7lI
는 list=엄청긴_id 이런식으로 되어 있음. si=list_id 는 아닌거 같고... 이건 뭔지 모르겠네 =ㅂ=;;; 아무튼 리스트 동영상은 아래와 같이 퍼오면 됨. si=some_id 는 있어도 되고 없어도 되는듯? si=TLQbc2mVcX9xMtUG 추가해서 퍼온 것: ```[.lang-html] <div class="rC"><div class="rSC"> <iframe src="https://www.youtube.com/embed/videoseries?si=TLQbc2mVcX9xMtUG&list=PLU9-uwewPMe05-khW3YcDEaHMk_qA-7lI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div></div> ```/
si=... 없이 퍼온 것: ```[.lang-html] <div class="rC"><div class="rSC"> <iframe src="https://www.youtube.com/embed/videoseries?list=PLU9-uwewPMe05-khW3YcDEaHMk_qA-7lI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div></div> ```/
## 리스트의 n 번째 영상부터 퍼오기 | 출력하기 리스트의 n 번째 영상부터 퍼오기는 불가능 한 듯?
v=mEeZoDGITGw 넣고 index=2 추가해서 퍼온 것: ```[.lang-html] <div class="rC"><div class="rSC"> <iframe src="https://www.youtube.com/embed/videoseries?v=mEeZoDGITGw&list=PLU9-uwewPMe05-khW3YcDEaHMk_qA-7lI&index=2" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div></div> ```/
si=5ogytGb7TgT50GXa 추가하고 v=mEeZoDGITGw 넣고 index=2 추가해서 퍼온 것: ```[.lang-html] <div class="rC"><div class="rSC"> <iframe src="https://www.youtube.com/embed/videoseries?si=5ogytGb7TgT50GXa&v=mEeZoDGITGw&list=PLU9-uwewPMe05-khW3YcDEaHMk_qA-7lI&index=2" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div></div> ```/
## API 로 로딩 ```[#pre-code-youtube-API.lang-html] ```/
## RRA
반응형
공유하기
게시글 관리
kipid's blog
저작자표시
비영리
변경금지
(새창열림)
'
[IT|Programming]
>
HTML related
' 카테고리의 다른 글
CSP (Content Security Policy) : iframe, image (img), video blocking
(0)
2024.09.23
페이스북 퍼오기 (Embeding facebook post)
(4)
2024.09.23
Learning JavaScript, especially class-like Constructor function and Property Inheritance through prototype/__proto__ chaining
(3)
2024.09.23
방향키 (위: ArrowUp, 아래: ArrowDown) 로 숫자 조정하기
(0)
2024.09.17
jQuery.ripples - 이미지에 물결 그래픽 효과 주기
(3)
2024.09.15
event.keyCode deprecated, then event.key, event.code 는 무슨값을 가질까? (키보드 (KeyBoard) event handler: compositionstart compositionupdate compositionend)
(1)
2024.09.14
week1 위클리 페이퍼 (CSS 에 대해 설명 (position, display: flex and grid), 시맨틱 (Semantic) 태그를 사용하면 좋은 점)
(4)
2024.09.14
티스토리툴바
kipid's blog
구독하기