Multimedia Content Demo

This article demonstrates how to embed videos, audio, and galleries in your blog posts.

Video Display

Embed local videos:

Note: You need to upload video files to the static/videos/ directory.

Audio Playback

Embed audio:

Background Music

Artist

Note: You need to upload audio files to the static/audio/ directory.

Image Gallery

Instructions

Upload Files

Place multimedia files in the corresponding directories:

Video files: Place in static/videos/ directory (MP4 format supported)

Audio files: Place in static/audio/ directory (MP3 format supported)

Image files: Place in static/img/ directory (JPG, PNG formats supported)

Shortcode Syntax

Video:

{{< video src="/videos/filename.mp4" poster="/img/cover.jpg" title="Title" >}}

Audio:

{{< audio src="/audio/filename.mp3" title="Title" artist="Artist" >}}

Gallery:

{{< gallery >}}
  {{< figure src="/img/image1.jpg" title="Description 1" >}}
  {{< figure src="/img/image2.jpg" title="Description 2" >}}
{{< /gallery >}}

Feel free to leave a comment below!