[Blog] post에 youtube 영상넣기

[Blog] post에 youtube 영상넣기

깃허브 블로그 만들기: post에 youtube 영상넣기

youtubePlayer.html 추가

_includes > youtubePlayer.html 생성후 다음 코드 삽입

<style>
    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
    .embed-container iframe,
    .embed-container object,
    .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>

<div class="embed-container" >
    <iframe src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen="" onclick="ga('send', 'event', 'post', 'click', 'youtubePlayer');">
    </iframe>
</div>
{% include youtubePlayer.html id="Vhr6U9emEbI" %}

id는 원하는 영상 url의 v= 뒷부분을 넣는다.
youtube

youtube 영상넣기 성공~~!




Reference


© 2021. All rights reserved.

----------Powered by Hydejack----------

Dahye의 개발블로그