Different ways to embed Videos in Landbot

Video is a great way to communicate and in Landbot we know it. Here is a Demo where you can see the 3 different ways Landbot let you do it.

Specifically:

1. Videos hosted in a server with public access

Sometimes, our video is hosted in our site, and is not hosted in a video streaming service (like Youtube), but we have a url where is hosted, and we can access it directly from the browser:

Then the way to go is with the html5 <video> tag:


<video width="320" height="240" controls>
<source src="https://static.landbot.io/support/video.mp4" type="video/mp4">
</video>

Use the above code, and only replace it with the url of the location of your video

2. Videos stored in Google Drive

In some very specific cases we might find that we don't have an external video streaming service or a server where to store the video. Then google drive comes to the rescue, but only will be visible in Chrome Browser. Set up your video public and then grab the ID from the URL.

After just embed as below the code in your block:


<iframe src="https://drive.google.com/file/d/1CufAZW-umh6QAlfaOn163p-SXvm0OBZW/preview" width="320" height="240">
</iframe>

Use the above code, just replace the id of the url, with the one of google drive:

src="https://drive.google.com/file/d/{URL_ID}/preview"

Other video services:

Vimeo:

There great streaming services, like Vimeo that offer their own custom code to embed in your site. In this case, we need to adapt it, just use the code below and change the id of for the one in your video. In the example below the id is 311210434.

<iframe src="https://player.vimeo.com/video/311210434?title=0&byline=0&portrait=0&badge=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Wistia

Other great business option to host videos is Wistia. In case you are interested to use their service like above add their code in between the {html} {/html} tags.

Note that to be able to embed it in Landbot you need to use the Inline Embed / Fallback (iframe) Embed type.

These scripts and how to's are not native functionalities. Landbot won't be able to support, help or guarantee these scripts and how to's. These Workarounds and How to's are for developers, as a learning and example material on how to extend or modify some of the platform limitations.  Due to platform updates, some scripts might stop working in the future.Please, note that in case of Scripts and Workaround the Custom Success Team can deliver limited support.


How did we do?