Embed self-hosted video

In Creative Slider, you can place your own self-hosted video directly into your slides. For the best performance and organization, we recommend uploading your video files into your shop's img/cms/ folder via FTP.

To include these files, you can use the standard HTML5 video element within a Video Layer. This gives you full control over how the video behaves and appears on your site.

How to add a Self-Hosted Video

To get started, add a new Video Layer in your slider. In the field for the video content, you can paste the following example code:

<video autoplay muted loop playsinline>
 <source src="http://myshop.com/img/cms/myvideo.mp4" type="video/mp4">
 Your browser does not support the video tag.
</video>

Video Attributes

You can customize the video tag with several attributes to change its behavior:

autoplay

Specifies that the video will start playing as soon as it is ready.

muted

Silences the audio track. This is required for autoplay to work in almost all modern browsers.

loop

Tells the video to start over from the beginning every time it finishes.

playsinline

Ensures the video plays inside the slider on mobile devices (iOS/Android) rather than opening in the device's native full-screen player.

Browser Compatibility

While multiple formats exist, MP4 is the most widely supported and recommended format for web use today.

Self-hosted Audio Files

Just like video, you can embed audio files using the <audio> tag. It works similarly to the video tag but focuses specifically on sound playback.

<audio controls>
  <source src="http://myshop.com/img/cms/myaudio.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>