new_site/_posts/2023-04-24-videos.md

32 lines
1.3 KiB
Markdown

---
layout: post
title: a post with videos
date: 2023-04-24 21:01:00
description: this is what included videos could look like
tags: including videos
categories: sample-posts
---
This is an example post with videos. It supports local video files.
<div class="row mt-3">
<div class="col-sm mt-3 mt-md-0">
{% include video.html path="assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4" class="img-fluid rounded z-depth-1" controls=true autoplay=true %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include video.html path="assets/video/pexels-engin-akyurt-6069112-960x540-30fps.mp4" class="img-fluid rounded z-depth-1" controls=true %}
</div>
</div>
<div class="caption">
A simple, elegant caption looks good between video rows, after each row, or doesn't have to be there at all.
</div>
It does also support embedding videos from different sources. Here are some examples:
<div class="row mt-3">
<div class="col-sm mt-3 mt-md-0">
{% include video.html path="https://www.youtube.com/embed/jNQXAC9IVRw" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include video.html path="https://player.vimeo.com/video/524933864?h=1ac4fd9fb4&title=0&byline=0&portrait=0" class="img-fluid rounded z-depth-1" %}
</div>
</div>