a post with videos

This is an example post with videos. It supports local video files.

<div class="col-sm mt-3 mt-md-0">
<video
  src="/assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4"
  
    class="img-fluid rounded z-depth-1"
  
  
    width="auto"
  
  
    height="auto"
  
  
  
  
  
  
  
  
    autoplay
  
  
    controls
  
  
  
  
/>
</div>
<div class="col-sm mt-3 mt-md-0">
<video
  src="/assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4"
  
    class="img-fluid rounded z-depth-1"
  
  
    width="auto"
  
  
    height="auto"
  
  
  
  
  
  
  
  
  
    controls
  
  
  
  
/>
</div>
A simple, elegant caption looks good between video rows, after each row, or doesn't have to be there at all.

It does also support embedding videos from different sources. Here are some examples:

<div class="col-sm mt-3 mt-md-0">
<iframe
  src="https://www.youtube.com/embed/jNQXAC9IVRw"
  
    class="img-fluid rounded z-depth-1"
  
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen
  
    width="auto"
  
  
    height="auto"
  
  
  
  
  
  
  
/>
</div>
<div class="col-sm mt-3 mt-md-0">
<iframe
  src="https://player.vimeo.com/video/524933864?h=1ac4fd9fb4&title=0&byline=0&portrait=0"
  
    class="img-fluid rounded z-depth-1"
  
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen
  
    width="auto"
  
  
    height="auto"
  
  
  
  
  
  
  
/>
</div>



Enjoy Reading This Article?

Here are some more articles you might like to read next:

  • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
  • Displaying External Posts on Your al-folio Blog
  • a post with tabs
  • a post with typograms
  • a post that can be cited