How can I add MP4 videos to my app?

App Development
1

Hi community, is there a way to add videos dynamically into my app? My users upload mp4 to my file field and I want to display those videos in a table details pages and other components. I see how to embed youtube, but what about static mp4?
thanks all!

2

@muhammad, you can do this with the Video tag inside a list.

Very simple really. Assuming you have the video URL field in a table as I do here:

image
image2439×720 68.2 KB

I’ll add a list component with an HTML Component inside of it:

image
image3200×1142 197 KB

Inside the HTML add the following custom code and be sure to replace {Link} with the name of the field you’re using which contains the video link:

<video autoplay="autoplay" muted="" controls="controls" width="320" height="240">
  <source src="{Link}" type="video/mp4" />
Your browser does not support the video tag.
</video>

image
image3240×1939 241 KB

And that’s it.

Let me know if you have any other issues or questions implementing this.

You can learn more about the video tag here:
https://www.w3schools.com/html/html5_video.asp

Regards

3 Likes