View Video on Mobile

What do you mean specifically by "having trouble"? Would help to post your code.

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

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.

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";

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.

This didn't entirely work... as the notation only worked for my one test video...

My overall goal was to get this dynamically so the user experience is to just click on a button and the video will play...

Using JavaScript I get the structured format of the record, which will have the URL for the video... that video is what I add to the video tag source.

What is not working as you expect it to? Can you show what code you are using and then show what is the result?

When I thought I had my notation correct, it would only point to one video, even if I changed the video name...

the API to get my structured format is:

https://<realm>.quickbase.com/db/<dbid>?a=API_doQuery&query={'3'.EX.'3'}&fmt=structured
.....



My main code to get the File's URL is as follows (part of a button click even):


$("a.Launch").on('click', function(event) {
var rid = this.dataset.rid;

var parser = document.createElement('a');
        parser.href = window.location.href;
    var realmHost = parser.hostname;

var url = "https://"+parser.hostname+parser.pathname+"?a=API_doQuery&query={'3'.EX.'"+rid+&q...;

var Request = new XMLHttpRequest();
Request.open("GET",url,true);
Request.onload = function(){
console.log(Request.responseXML);
var file =  (Request.responseXML.documentElement.getElementsByTagName("url"))[0].innerHTML;


I know that the XMLHhttpRequest is older notation... but it's functional.

After this I take the URL and place into a html string to add to the body and continue with the process

What exactly are you trying to do; I do not follow?

In the first example from Charlie above, a code page was used to display a video as a webpage widget on a dashboard. Is this what you want to do?

Kind of...

I have this working where I have a button on a form, and when the button is clicked it brings up an embedded video that is on the same record as the button.

using a code page