How to Display Video on Details Page

[SunnyB]

Hello,

I am able to display images on the details page. My question is can i display a video also?

Thanks,

[anonymous3009]

Hi,

You can insert the embedded video code in an HTML on the details page and it should work.

Best,

-SO

[SunnyB]

Thank you for the response.

Yes the embedded code works, but i wanna be able to give user option to upload their video. How will it convert to embedded code in caspio?

[anonymous3009]

Hello,

The users can upload the video files in Caspio. And then on the details page you can refer to those files as links - users can click on the link to see/play the video.

"To display the image/file, select Form element as “Display Onlyâ€. If it is an image you could choose Display as Image and if it is a file, choose Display as File or you could select “Auto-detect†to detect automatically if it is an image or file."

Hope this helps.

Best,

SO

[NailDyanC]

Hi, just to update this post. I also have the same issue before, I believe that Caspio can save a video file in the table (Single file upload via DataPage submission is 50 MB) but it will not or cannot be played in the DataPage once you play it because I think they don't have a player for that. But you may try this code that I get from this link: 

 

<video width="400" controls>
  <source src="[@field:Video_File/]" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

[cheonsa]

Hi all, 

I found an article from W3School on how to embed videos in HTML Page. You just need to copy and paste this code in an HTML Page:

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

Hope this helps!

[Kurumi]

Hi everyone! Caspio has a new Tech Tip about Embedding TikTok, YouTube, and Instagram Videos in Caspio Apps. Feel free to check it here: https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/embed-tiktok-youtube-and-instagram-videos-in-caspio-apps/

 

[Wikiwi]

If you're using a video from Youtube you can create an HTML BLOCK and put the embed code there. To get the embed code from youtube, you just need to right click on the video and select the "copy embed code". Copy that piece of code to your HTML BLOCK and it would look like you're watching a youtube clip directly from your DataPage with full control.

 

 

Embed code sample:

<iframe width="1904" height="721" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>