View Video on Mobile
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 avai...
Forum Discussion
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):
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):
- 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.
