Forum Academy Marketplace Showcase Pricing Features

Video.js not playing video through referenced association

I have a data type of “Video” that stores a file attribute that I need to access for video playback.

I have another data type “X” that references “Video” as the videos parent.

There’s a page where I display the the file attribute of “Video” through the following parent structure:

Page (Data Type “X”)

Group element (Data Type Video, Data Source “X’s Video”)

Video.js element (Data Source “Video’s file”)

When the page loads, I can see that Video.js element with the video file I uploaded to the Video data type. but I can’t play the actual video.

I have the Show Controls option checked, the Autoplay unchecked. I turned off and on the options to see if the element didn’t load properly for whatever reason but nothing seems to give me the actual controls to get the video started.

To explain why I have a Video data type and not an attribute that stores that video file on “X”, this is done because “X” is part of a static template structure that gets replicated into data types that dynamically change.

I don’t want the video files to be part of that replication because of storage concerns and hence I would prefer referencing the video file instead so that the file isn’t stored twice.

Video.js works fine when the file being accessed is directly exposed to the Video.js element. However, I’m having trouble when displaying it through an association.

Any help or suggestions?

Thanks

So I’m not sure what’s going on exactly but this is what I did so far.

I removed all the page elements and just started fresh.

Using the same setup I described above, I refreshed the “newly” configured page and tested out the functionality.

It worked as is but only the very first time I played the video. As soon as I navigated away and came back, the controls were gone and I couldn’t get the video to play again.

Anyone experience something like this?

Hi Mario4,

I’m facing a similar issue where I’m feeding my Video.js object with a dynamic URL and have the “Show Controls” option checked but when I preview my app it does not show the controls by default.

When I feed the VIdeo.js object by uploading a static file, it does show the controls when the option is checked.

How did you end up fixing it? Or does anyone else have an idea how to do this?

Thanks