블로그에 Youtube를 붙여 넣는 방법
개요
자신의 Youtube를 자신의 블로그에 붙여 넣기 때문에 메모
동영상도 해 보았습니다.(完全に個人趣味なので見応え0かも…)
결론
이런 느낌이 들었습니다.
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 .
동영상 퍼가기
이런 느낌이 들었습니다.
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
를 입력하면 만들 수 있습니다.
Reference
이 문제에 관하여(블로그에 Youtube를 붙여 넣는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/hashito/items/c92e1a9abd4bc7dfb51c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)