반응형
m.logPrint() is working!
<eq> and <eqq> tags are rendered to MathJax format, being enclosed by \ ( \ ) and \ [ \ ].
docuK-1 scripts started!
If this log is not closed automatically, there must be an error somewhere in your document or scripts.
Table of Contents is filled out.
Auto numberings of sections (div.sec>h2, div.subsec>h3, div.subsubsec>h4), <eqq> tags, and <figure> tags are done.
<cite> and <refer> tags are rendered to show bubble reference.
<codeprint> tags are printed to corresponding <pre> tags, only when the tags exist in the document.
Current styles (dark/bright mode, font-family, font-size, line-height) are shown.
disqus.js with id="disqus-js" is loaded.
kakao.js with id="kakao-jssdk" is loaded.
New ShortKeys (T: Table of Contents, F: Forward Section, D: Previous Section, L: To 전체목록/[Lists]) are set.
m.delayPad=0;
m.wait=1024;
wait 1519ms.
Doing delayed-load. : 1
<eq> and <eqq> tags are rendered to MathJax format, being enclosed by \ ( \ ) and \ [ \ ].
docuK-1 scripts started!
If this log is not closed automatically, there must be an error somewhere in your document or scripts.
Table of Contents is filled out.
Auto numberings of sections (div.sec>h2, div.subsec>h3, div.subsubsec>h4), <eqq> tags, and <figure> tags are done.
<cite> and <refer> tags are rendered to show bubble reference.
<codeprint> tags are printed to corresponding <pre> tags, only when the tags exist in the document.
Current styles (dark/bright mode, font-family, font-size, line-height) are shown.
disqus.js with id="disqus-js" is loaded.
kakao.js with id="kakao-jssdk" is loaded.
New ShortKeys (T: Table of Contents, F: Forward Section, D: Previous Section, L: To 전체목록/[Lists]) are set.
m.delayPad=0;
m.wait=1024;
wait 1519ms.
Doing delayed-load. : 1
Mode: Bright; Font: Noto Sans KR; font-size: 18.0px (10.0); line-height: 1.6;
width: 1280, height: 720, version: 2.12.18
Canonical URI: https://kipid.tistory.com/entry/유튜브-리스트-Youtube-list-로-퍼오는-법
dg:plink (Document Global Permanent Link): https://kipid.tistory.com/326
document.referrer: Empty
width: 1280, height: 720, version: 2.12.18
Canonical URI: https://kipid.tistory.com/entry/유튜브-리스트-Youtube-list-로-퍼오는-법
dg:plink (Document Global Permanent Link): https://kipid.tistory.com/326
document.referrer: Empty
유튜브 리스트 (Youtube list) 로 퍼오는 법
유튜브 영상 한개만 있는게 아니라, 리스트로 있는 영상들도 많은데, 이 때 동영상 하나만 퍼오는게 아니라 list 통째로 퍼오는 법을 알고 싶어서 정리하는 글.
Table of Contents
T1.리스트 퍼오기 예제
▼ Show/Hide
링크:
[02]
Ref. [02] 그냥 동영상 볼 때의 링크: https://www.youtube.com/watch?v=xHW7KOcqToo&list=PLUbFnGajtZlUl0zYr4crGveP21BbcZG_L&index=1
[03]
는 list=엄청긴_id 이런식으로 되어 있음.Ref. [03] 플레이리스트 | Playlist 홈의 링크: https://www.youtube.com/playlist?list=PLU9-uwewPMe05-khW3YcDEaHMk_qA-7lI
si=list_id 는 아닌거 같고... 이건 뭔지 모르겠네 =ㅂ=;;; 아무튼 리스트 동영상은 아래와 같이 퍼오면 됨. si=some_id 는 있어도 되고 없어도 되는듯?
si=TLQbc2mVcX9xMtUG 추가해서 퍼온 것:
<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=... 없이 퍼온 것:
<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>
▲ Hide
T2.리스트의 n 번째 영상부터 퍼오기 | 출력하기
▼ Show/Hide
리스트의 n 번째 영상부터 퍼오기는 불가능 한 듯?
v=mEeZoDGITGw 넣고 index=2 추가해서 퍼온 것:
<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 추가해서 퍼온 것:
<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>
▲ Hide
T3.API 로 로딩
▼ Show/Hide
<script>
function onYouTubeIframeAPIReady() {
m.YtList = new YT.Player('youtube-list', {
events: {
'onReady': function (e) {
e.target.cuePlaylist({listType:'playlist', list:'PLU9-uwewPMe05-khW3YcDEaHMk_qA-7lI'});
}
}
});
}
</script>
<script id="youtube-API" src="https://www.youtube.com/iframe_api"></script>▲ Hide
TRefs.References and Related Articles
▼ Show/Hide
- Ref. [01]
- Ref. [02] 그냥 동영상 볼 때의 링크: https://www.youtube.com/watch?v=xHW7KOcqToo&list=PLUbFnGajtZlUl0zYr4crGveP21BbcZG_L&index=1
- Ref. [03] 플레이리스트 | Playlist 홈의 링크: https://www.youtube.com/playlist?list=PLU9-uwewPMe05-khW3YcDEaHMk_qA-7lI
▲ Hide
반응형