Embedding Video

[mikepianka]

What's the best practice for embedding video?

There is a shortcode for images like this:
{{< img src="avocado.png" alt="avocado" caption="<em>A Tasty Avocado</em>" class="border border-dark" >}}

Is there something equivalent to embed a video with responsive sizing? Using something like below does not scale the size of the video properly.

<pre><div class="embed-responsive"><video autoplay loop muted playsinline><source src="pan.webm" type="video/webm"><source src="pan.mp4" type="video/mp4"></video></div></pre>

[mikepianka]

Actually, just a bare video tag like this seems to work pretty well on its own.

<video width="100%" autoplay loop muted playsinline><source src="pan.webm" type="video/webm"><source src="pan.mp4" type="video/mp4"></video>

[h-enk]

See #241

[h-enk]

BTW, Hugo also provides built-in shortcodes for Vimeo + YouTube.

I will add the video shortcode though, for it will support more use cases.

[mikepianka]

Thanks, I did notice that but in my particular case I'm using embedded video as an alternative to GIF for demonstration in the docs.

[h-enk]

#244

[mikepianka]

Awesome! I'll give this a try.