Video

How to embed video in hugo

한줄요약 : Hugo로 만든 blog 에서 video 파일을 지원하려면 shortcode를 활용한다. 아래 shortcode는 mp3, mp4 파일을 지원하는 zen에서 사용하는 shortcode(zen/layouts/shortcodes/video.html) <figure {{ with .Get "class" }}class="{{ . }}"{{ end }}> <video controls preload="{{ .Get "preload" | default "metadata" }}" {{ with .Get "width" }}width="{{ . }}"{{ end }}> {{ with .Get "src" }}<source src="{{ . | relURL }}" type="video/mp4">{{ end }} </video> {{ with .Get "caption" }}<figcaption>{{ . }}</figcaption>{{ end }} </figure> 이 파일을 hugo site의 layouts/shortcodes 디렉토리에 복사하고 md 파일에서 다음과 같이 작성한다.