Github blog에 youtube 삽입하는 방법
포스트
취소

Github blog에 youtube 삽입하는 방법

시도 1. ![]()

1
[![youtube](http://img.youtube.com/vi/HF8mouev8-A/0.jpg)](https://youtu.be/HF8mouev8-A?t=0s)

youtube

시도 2. <iframe>

1
<iframe width="100%" height="600" src="https://www.youtube.com/embed/HF8mouev8-A" frameborder="0" allowfullscreen></iframe>

시도 3. ‘_includes’

아래 코드를 _includes 폴더에 youtubeplayer.html 이름으로 만들어서 저장하고 markdown쪽에 include 문법으로 사용한다.

1
2
3
4
5
6
7
8
9
10
11
<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/{{ include.id }}" frameborder="0" allowfullscreen="" onclick="ga('send', 'event', 'post', 'click', 'youtubePlayer');">
    </iframe>
</div>
1
{% include youtubeplayer.html id="HF8mouev8-A" %}

참고

https://seanlion.github.io/blog/4

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.

-

Oracle 컬럼 추가 삭제 변경 (ADD/DROP/RENAME/MODIFY)