블로그에 Youtube를 붙여 넣는 방법

개요



자신의 Youtube를 자신의 블로그에 붙여 넣기 때문에 메모

동영상도 해 보았습니다.(完全に個人趣味なので見応え0かも…) IMAGE ALT TEXT HERE

결론



이런 느낌이 들었습니다.

h tps : // 가시와. 비 ·


소스 코드


<p class="subtitle">@Youtube</p>
<script src="https://apis.google.com/js/platform.js"></script>
<div 
class="g-ytsubscribe" 
data-channelid="UC9ZSQjR4502aRkU5rJpJ7dg" 
data-layout="full" 
data-count="default"></div>

<iframe 
width="560" 
height="315" 
src="https://www.youtube.com/embed/?list=UU9ZSQjR4502aRkU5rJpJ7dg" 
frameborder="0" 
allow="autoplay; encrypted-media" allowfullscreen>
</iframe>


조사한 결과



Code.pen에 요약되어 있습니다.

See the Pen youtube by hashito ( @ Hashito )
on CodePen .


동영상 퍼가기



기본적으로 3종류 정도 좋고,



「単品動画としての埋め込み」
「リスト動画としての埋め込み」
「チャンネル最新動画の埋め込み」


의 세 가지 유형이 있습니다.

이번에는 「チャンネル最新動画の埋め込み」

이 경우 list=UU9ZSQjR4502aRkU5rJpJ7dg 부분이 채널 ID를 나타냅니다.

원래 ID에서 다음과 같은 변경이 필요합니다.



元:UC9ZSQjR4502aRkU5rJpJ7dg
変換後:UU9ZSQjR4502aRkU5rJpJ7dg
※頭2文字「UC」から「UU」に変更


다음에 문자를 표시하지 않거나...

아이콘을 표시하거나 하지 않을 수도 있는 것 같습니다만 거기는 이번 고집하고 있지 않습니다.



등록 버튼



아래 홈페이지에서 チャンネル名またはID를 입력하면 만들 수 있습니다.




좋은 웹페이지 즐겨찾기