How To Add a Video To the Page
How to add YouTube videos
How to add Vimeo videos
How to add videos from a third-party server
How to add background videos to covers and other blocks
How to add a playlist of several videos
How to add videos to the product descriptions
How to add videos to a newsfeed using Feeds
How to add videos uploaded to other video hosting services
Adding Videos To The Page
Most of the blocks that allow embedding video are located in the "Video" category of the Tilda's Block Library.
There are 3 main ways to add a video on your website: Adding YouTube and Vimeo videos and an option to add the direct link to a video on a third-party server (HTML5 video). Choose the block you like the most, go to its Content tab, and insert a link to the video.
How to add YouTube videos
You can add the YouTube videos using blocks VD01 (one video), VD04 (displaying a video after you click the Play button), VD06 (two videos), VD08 (video and text), VD09 (pop-up video), VD11 (video with a custom cover), VD12 (video and image in a row), VD14 (video playlist), some gallery blocks, and also blocks with a fullscreen image as a background (learn more about adding a video as a background).
To add a video, you need just a link to a video that is publicly available and enabled for embedding on third-party websites in the privacy settings.
If you want the video to play from a certain moment, add the ?start= fragment to the URL and specify the required time in seconds from the beginning of the video. For example, XEfDYMngJeE?start=5025. In this case, the video will play from the 5025th second. You can quickly copy the time by right-clicking on the player and selecting the "Copy video URL at current time" option.
To add a video, you need just a link to a video that is publicly available and enabled for embedding on third-party websites in the privacy settings.
If you want the video to play from a certain moment, add the ?start= fragment to the URL and specify the required time in seconds from the beginning of the video. For example, XEfDYMngJeE?start=5025. In this case, the video will play from the 5025th second. You can quickly copy the time by right-clicking on the player and selecting the "Copy video URL at current time" option.
How to add Vimeo videos
You can add the Vimeo videos using blocks VD03 (one video), VD06AN (two videos), VD08 (video and text), VD10 (pop-up video), VD11 (video with a custom cover), and VD14 (video playlist), and some gallery blocks. You can't add a Vimeo video as a background.
If your video is locked by Vimeo privacy settings, it'll have an additional combination of numbers and letters at the end of the link after the video ID. For the video to play, add this combination to the Vimeo Private Link Hash field.
If your video is locked by Vimeo privacy settings, it'll have an additional combination of numbers and letters at the end of the link after the video ID. For the video to play, add this combination to the Vimeo Private Link Hash field.
How to add videos from a third-party server (HTML5 video)
If your video is not published on the mentioned video hosting services, you can upload it on your own server and insert it using the following HTML5 video blocks: VD05 (one video), VD08 (video and text), VD11 (video with a custom cover), and VD15 (HTML5 pop-up video), and some gallery blocks. You can also add an HTML5 video as a background on your website, using blocks with fullscreen background (learn more about adding a video as a background).
To add such a video to the page, you need to use WebM and MP4 video files. You can convert videos into these formats by using online converters or video editing or converting software. Then place it on hosting and get a direct link to the file. Note that you'll most likely need to use a paid file hosting service as not all file storage services have such a feature.
To add such a video to the page, you need to use WebM and MP4 video files. You can convert videos into these formats by using online converters or video editing or converting software. Then place it on hosting and get a direct link to the file. Note that you'll most likely need to use a paid file hosting service as not all file storage services have such a feature.
You can't upload your video file to Tilda but you can use third-party services that provide a direct link to a file.
Go to the Content tab of the HTML5 video block and add the link to your videos in both formats in the required fields.
In some blocks, there is only one field for adding a link to an HTML5 video. In this case, you can use only one file format and MP4 is preferable.
Browser support table for MP4 videos → https://caniuse.com/mpeg4
Browser support table for WebM videos → https://caniuse.com/webm
Browser support table for MP4 videos → https://caniuse.com/mpeg4
Browser support table for WebM videos → https://caniuse.com/webm
Background videos for covers and other blocks
You can use video for a cover or other blocks with an image as a background instead of a static background image. Go to the Content tab and paste a link to your video in the required field. You can use a YouTube video link or an HTML5 video link that you've got using the guide above.
A background video example
A block with a video playlist
The playlist block is in the "Video" category → VD14 block.
This block supports videos from YouTube and Vimeo services. To add a video, you need to specify its data in the following format:
Link to the video; Video title; Video duration; Video description
Brief summary for each video in the playlist should be specified from a new line.
Link to the video; Video title; Video duration; Video description
Brief summary for each video in the playlist should be specified from a new line.
Video for a product in the Catalog
In the Product Catalog, you can add a video to showcase the product. To do this, go to the product card → click the "Video" link near any product image and insert the link to a YouTube or Vimeo video.
How to add videos to Feeds
In Feeds, you can add both the main video for the post (it'll be displayed at the beginning of the post and used as a cover in the list of posts) and insert several videos in the Feeds' post text.
To add the main video, go to the field with an image in the Feeds' post editing card → then the "Video" tab, and paste the link to the video.
To add the main video, go to the field with an image in the Feeds' post editing card → then the "Video" tab, and paste the link to the video.
The video will be displayed at the beginning of the post.
To insert a video in the post's text, place the cursor where you need it and click a video icon in the text editor toolbar above and paste the link to the video.
The video will be inserted in the post's text. Save the changes.
After that, the video will be displayed in the text on the post's page.
How to add videos uploaded to other services: Kinescope
You can add videos from third-party services, such as Kinescope, by embedding the player's code into the HTML code block. To do this, go to the player or service settings to get the code for embedding.
For Kinescope, click the button with three dots near a video in the list → Copy link → Copy embed code and paste it to the T123 HTML code block from the "Other" category or in the HTML element in Zero Block.
