Vimeo is a free service that allows you to upload and share video content. It is especially good for longer, high-definition videos.
Their platform uses HTML5 which enables them to host your video content at the highest quality with the fastest loading times available. This means that you can display your videos anywhere and they will perform at their best regardless of where they are viewed from.
They offer a completely free package as part of their service. However, a premium package offers support, upgraded storage and a vast array of customisation and interaction tools to take your videos to the next level, without any advertisements interfering with your audience’s experience, making it the choice alternative to YouTube for professional videographers.
Using a HTML fragment you can easily embed a Vimeo video on your site. This guide will explain how to achieve this:
Embedding allows you to add a video directly to your site content. This is done using a short HTML code which can be taken from any Vimeo video.
To get a Vimeo embed code:
Click the Share button directly below the video you’d like to embed on your site.
Click + Show Options on the right-hand side of the Embed section.
Select Responsive within the Size option.
Customise the rest of the options to your preference.
Copy the code within the Embed box.
Once you have the embed code, you'll need to add this to an HTML fragment.
Select Content on the Top Menu.
Click HTML fragments from the left-hand menu.
Click on the Add HTML Fragment green button at the top of the screen.
In the Description box, enter something descriptive so that you know what the HTML code is for or what it does. This is just for your reference and will not appear on your site.
Paste the embed code into the large HTML Code box.
Click the Add HTML Fragment button.
You will be returned to the HTML Fragments screen where your new fragment will now be listed.
Once you have created the HTML fragment with the video, you will need to insert it onto one of the pages of your website. To do this, take the following steps:
Click on Content on the Top Menu.
Click Edit (the pencil icon) next to the page you would like to attach the code to.
Once on the page, click the + icon in the left hand corner to add a block.
From the Block Selector, choose Custom from the drop down menu.
You can then drag and drop the Custom Element content block onto the desired place on the page.
Once the Custom Element block has been added to the page, you can click the + icon above the placeholder and use the drop-down menu to select what content you would like to add to the page.
Select HTML Fragment.
A placeholder icon will be added to the page and if you click the settings icon, you can specify exactly which HTML fragment you would like to use.
Once done, click the Save icon.
You can now preview and/or publish your site to see your video working on your page.