Videos

Videos

Create pop-up video links

Add links within your content that open videos within a pop-up. This feature is particularly useful for areas where space is at a premium (e.g. Product short description) or when you don't want to embed a video within the page itself.

How to create a YouTube video link

To create a YouTube video link within your content use the following code. Add the video ID in the placeholder as shown below.

Check out this amazing video Placeholder Video

How to create a Vimeo video link

To create a YouTube video link within your content use the following code. Add the video ID in the placeholder as shown below.

Check out this amazing video Placeholder Video

How to link to a self-hosted video

If your video file is self-hosted (e.g. within the Voracio media library) simply use the same code as above but replace the 'href' with the full URL (e.g. https://uploads-your-website.co.uk/videos/placeholder-video.mp4).

Remove autoplay

By default video links automatically start the video once the link is clicked and the popup is in view. To remove autoplay simply add the following attribute data-autoplay="0"

Check out this amazing video Placeholder Video


Embedding Videos within your content

Videos can be embedded into content pages. They must use a helper div to make them work responsively as shown in the example code.

How to embed a YouTube video

To embed a video from YouTube use the following code. Add the video ID in the placeholder as shown below.

How to embed a Vimeo video

To embed a video from Vimeo use the following code. Add the video ID in the placeholder as shown below.