We commonly get asked the best way to embed a video in Fastr. This process can be used to embed a video from any source, but this article will specifically cover Vimeo and YouTube. The process is fairly similar for each. If you are having any difficulty embedding other video types, I'd recommend sending a support email to support@getfastr.com
Embedding a Vimeo video
- As a first step, you'll need to make sure you get the correct URL format. A standard Vimeo link will look like this, and it will not embed correctly: https://vimeo.com/803127146
So as a first step, you'll want to click the "Share" option:
| - From here, you'll want to look for the embed code. In this code, you'll just need the URL that follows the "src=" section as I've shown here:
This gives me a properly formatted URL. You'll really only need the beginning, so in my case it would be: https://player.vimeo.com/video/803127146 - From this point, you will want to add the Embed URL widget to your canvas, and then paste the Vimeo video into the following field.
- Your video should now function! You'll notice a live preview of the video inside of the Embed URL widget as shown here:
A few important notes:
- Aspect Ratio - You'll need to make sure your video size is the same size as the Embed URL Widget. For most Vimeo videos this is a 16:9 ratio. The following tool is helpful for quick calculations on what size your widget should be: https://andrew.hedges.name/experiments/aspect_ratio/
- URL Parameters - You might need to adjust various parameters to make sure the video loops, autoplays, is muted, hides controls, etc. Vimeo has a helpful article that shows how these can be added: https://help.vimeo.com/hc/en-us/articles/12426260232977-Player-parameters-overview
- Shortcuts - Your Vimeo video will always have the format of "https://player.vimeo.com/video/INSERT_ID_HERE". To save some time, you can just copy the ID from your original URL and use that format.
Embedding a Youtube video
- As a first step, you'll need to make sure you get the correct URL format. A standard YouTube link will look like this, and it will not embed correctly: https://www.youtube.com/watch?v=P5ew9pFk8ZU
So as a first step, you'll want to click the "Share" option:
| - From here, you'll want to look for the embed code. In this code, you'll just need the URL that follows the "src=" section as I've shown here:
This gives me a properly formatted URL. You'll really only need the beginning, so in my case it would be: https://www.youtube.com/embed/P5ew9pFk8ZU - From this point, you can place this URL in your experience. You'll want to use the Embed URL widget as shown here:
- Your video should now function! You will notice a live preview of the Youtube video in your Embed URL widget:
A few important notes:
- Aspect Ratio - You'll need to make sure your video size is the same size as the Embed URL Widget. For most YouTube videos this is a 16:9 ratio. The following tool is helpful for quick calculations on what size your widget should be: https://andrew.hedges.name/experiments/aspect_ratio/
- URL Parameters - You might need to adjust various parameters to make sure the video loops, autoplays, is muted, hides controls, etc. Vimeo has a helpful article that shows how these can be added: https://developers.google.com/youtube/player_parameters
- Shortcuts - Your YouTube video will always have the format of "https://www.youtube.com/embed/INSERT_ID_HERE". To save some time, you can just copy the ID from your original URL and use that format.
Comments
0 comments
Please sign in to leave a comment.