597b5751a3
Since #1253 has been hanging there for a while, I decided to part from it and add audio and video support. --------- Signed-off-by: George Araujo <george.gcac@gmail.com>
32 lines
1.3 KiB
Markdown
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> |