Grace à un shortcode, nous allons afficher une vidéo qui est stockée sur notre ordinateur.
Créons le shortcode
<video preload="{{ .Get "preload" }}" controls>
<source src="{{ .Get "src" }}" type="{{ .Get "type" }}">
</video>
Ce fichier video.html sera à placer dans le répertoire layouts/shortcodes/ de votre thème.
Nous allons pouvoir alors afficher une vidéo qui sera préalablement placée dans /static/videos/.
J’ai encadré ce shortcode par la balise <figure> qui permettra d’y ajouter une légende.
le HTML
<figure>
{{*< video src="/videos/holographique.mp4" type="video/mp4" preload="auto" >*}}
<figcaption>Projection holographique</figcaption>
</figure>
Le CSS
figure {
max-width: 100%;
height: auto;
text-align:center;
}
figcaption {
font-style:italic;
}