Video Embeds
Responsive Youtube Video Embeds
Video Embeds Sample(s):
Wide Youtube Video
// This feature utilizes the Hugo video shortcode from https://gohugo.io/content-management/shortcodes/#youtube
// The output is seen below.
<div style="position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;">
<iframe src="//www.youtube.com/embed/iaHhpzF0E28" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" allowfullscreen frameborder="0" title="YouTube Video"></iframe>
</div>Narrow Youtube Video
// The width of this video is controlled by its parent container.
// This feature utilizes the Hugo video shortcode from https://gohugo.io/content-management/shortcodes/#youtube View Shortcode in GoHugo Docs.
Best Practices
For more information, visit this MDN resource