Embedding Videos

I am creating a website, and one of the pages I’m building is a job duties page. I want the user to be able to click on each job and be able to read a small summary and watch a video about the video. I was able to successfully make a hyperlink with the video, but I think it would look much better as an embedded video. The video is an mp4 that my company created. Each time i try to make it an embedded video, I get a grey square. I know these videos are able to be embedded successfully as our company has done it with Blogger.

Things I’ve tried:

  • code block. Worked great, but I would have to link each video to each URL dynamically. Didn’t see the point if there’s an embed field already available.
  • Using an Airtable field to write embedding code. I have the URL to my videos as an Airtable field, and have tried using a formula field to write a code that can be embedded. This is where I’m lost. Any help would be great!

Hi there,

Can you please confirm that you indeed have publicly hosted MP4 files with URLs like this one?
http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4

If you do, you can create an embed code for each URL that will look like this:

<video width="640" height="360" controls>
    <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

or this one:

<iframe src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" width="640" height="360" allowfullscreen></iframe>

Then, add these codes to your Airtable in a long text field with rich text formatting disabled.


Return to your Softr app, add an Embed field, and map it to the long text field in your base.

Let me know if you need any further assistance! :blush: