How to upload mp4 files that autoplays and loops on Squarespace

This tutorial will show you how to upload mp4 video files that autoplays and loops on Squarespace. This code works on Squarespace 7.1 only.

Currently all 7.1 sites regardless of plan, now comes with 30 minutes of video storage for files. With the Member Areas plans the amount of video storage increases.

Complexity: Easy


Step 1

Upload video file by clicking on the link option


Step 2

Then click on the gear icon, like the one shown below.


Step 3

In order for you to be able to upload the video file, click on the ‘UPLOAD FILE’ link. Then click on the close label.


Step 4

Go the the page you wish to display the video and add the code below.

Enter the file name and note to leave the /s/ before the file name.

<video style="width: 100%" controls
   autoplay="true" loop="true">
    <source type="video/mp4" src="/s/[FILE_NAME]">
   Your browser does not support the video tag.
</video>

Click here more information on video customisation

 


All work in this guide is provided ?“AS IS”. Other than as provided in this agreement, this guide makes no other warranties, express or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, we recommend that you purchase the services of a developer.

Primitus Consultancy

We work with small and medium-sized businesses to help create a professional online presence. We provide a one shop full-service design studio in London, United Kingdom. 

https://primitusconsultancy.co.uk
Previous
Previous

How to create full width Map block

Next
Next

How to create a text colour animation on Squarespace