View Video on Mobile

  • 1
  • 1
  • Question
  • Updated 4 weeks ago
  • Answered
I've uploaded a video as a file attachment and put the file's URL as a button on the dashboard.

The video downloads fine from the desktop site, but won't in Mobile view.

Is this feature not available for mobile? 

Thanks!
Photo of Heather Bryant

Heather Bryant

  • 1,116 Points 1k badge 2x thumb

Posted 1 year ago

  • 1
  • 1
Photo of Charlie

Charlie

  • 380 Points 250 badge 2x thumb
Hi Heather,

I've tried to actually embed a playable video on dashboards, using the web page widget and some simple HTML 5 markup. It works great on the desktop but for mobile you will be presented with a URL like my first screenshot below. However, upon clicking this link from mobile, you will be directed to a page where you can play/download the video. Would that work? HTML code below as well.

1) put the below code in a code page in QB--replacing my URL in quotes (src="....") with your video's URL. Call it something like "videoembed.html"

2) display videoembed.html page in a website widget in a dashboard page (copy the URL from the page preview and paste that into the web widget)

Let me know if you have any questions!

Charlie

Code page snippet:

<!DOCTYPE html> 
<html> 
<body> 

<video width="400" controls>
  <source src="https://mcftech.quickbase.com/up/....."; type="video/mp4">
  Your browser does not support HTML5 video.
</video>
</body> 
</html>

----------------------------------------------------------

Mobile 1: 


Mobile 2 (you can play directly in your mobile browser + download to your device via the button in the bottom right corner): 

(Edited)
Photo of Adam Keever

Adam Keever

  • 1,234 Points 1k badge 2x thumb
If you use :

<video width="100%" controls>

instead, the video will automatically size to the container so it will fill the screen whether it is desktop or mobile.
Photo of Ryan Stanford

Ryan Stanford

  • 1,408 Points 1k badge 2x thumb
Hey Charlie, this is exactly what I'm looking for... My issue is that I'm having trouble with the notation for the source link... any insight would be greatly appreciated. I keep getting invalid link.
Photo of Adam Keever

Adam Keever

  • 1,388 Points 1k badge 2x thumb
What do you mean specifically by "having trouble"? Would help to post your code.
Photo of Ryan Stanford

Ryan Stanford

  • 1,408 Points 1k badge 2x thumb
My source link keeps stating invalid, or doesn't load when used as the source of a video html tag...

The link I've been trying to work is something like:

https://<realm>.quickbase.com/up/<dbid>/a/r/<record ID>/e<FieldID of Video File Attachment>/v0

but when I try to access this directly, I get a page stating invalid link
Photo of Ryan Stanford

Ryan Stanford

  • 1,408 Points 1k badge 2x thumb
I fixed the issue of invalid link, I had a / in between r and the record ID...

I'm still having the issue that this URL isn't playing when used as a source for a video tag.
Photo of Ryan Stanford

Ryan Stanford

  • 1,408 Points 1k badge 2x thumb
Update***

I was able to figure out my issue... correct link format is:

https://<realm>.quickbase.com/up/<dbid>/g/rd/eg/va/<filename>.mp4";
Photo of Adam Keever

Adam Keever

  • 1,388 Points 1k badge 2x thumb
Glad it is working for you now. For future reference, if you already have the video as an attachment in a record, you can right click the hyperlink and copy the url:



I often add a table for media in my apps and use it ti store images and videos for instructions, logos, etc...

When you copy the link address, you don't have to worry about the typos.