별의 공부 블로그 🧑🏻‍💻
728x90
728x170

마크다운(Markdown) 문서에 유튜브(YouTube) 동영상 추가하기

들어가며

  • 깃허브(GitHub)의 마크다운 문서는 정적(Static) 형식의 포맷만 지원하기 때문에 동적(Dynamic)으로 작동하는 비디오 등을 삽입할 수 없다.
  • 하지만,  다음과 같이 동적으로 삽입한 것과 같은 효과를 줄 수 있다.

 

방법

  • 깃허브의 마크다운 문서에서 이미지링크롤 모두 삽입하는 다음의 형식을 활용하는 방법이다.
[![이미지_텍스트](스크린샷_이미지)](유튜브_링크)

 

  • 최종적으로 다음과 같이 사용하여 페이지이 유튜브 영상을 삽입한 것과 같은 비슷한 효과를 연출한다.
    • 유튜브 주소 ID는 유튜브의 영상 주소에서 = 문자 뒷 부분이다.

유튜브 주소 ID 찾기

[![Video Label](http://img.youtube.com/vi/'유튜브주소ID'/0.jpg)](https://youtu.be/'유튜브주소ID')

 

  • 적용시킬 경우, 마크다운 문서에서 다음과 같이 표현된다.

 

  • 마크다운 문서에서 영상이 바로 재생되지는 않지만, 유튜브 영상의 썸네일이 삽입된 것과 같은 효과를 연출한다. 이미지를 클릭할 경우 영상이 있는 유튜브 페이지로 이동한다.
728x90
그리드형(광고전용)
⚠️AdBlock이 감지되었습니다. 원할한 페이지 표시를 위해 AdBlock을 꺼주세요.⚠️
starrykss
starrykss
별의 공부 블로그 🧑🏻‍💻


📖 Contents 📖