So I am using private videos which are embedded in a Vue.js component. On instantiation I make a request for the video (using the PHP SDK API) and set the html property to the assets.iframe. It works well although there is a bit of a loading period.
As this is actually CMS content - I am actually storing a special element ‘’ which contains the a thumbnail img. ‘’ is the component signature.
<cv-video class="col-md-8" video-id="vi2oOwxxphzSP4E9Hqkokcjc" aspect-ratio="0.5" video-title="All about TAG"><img style="width: 474px;" src="https://cdn.api.video/vod/vi2oOwxxphzSP4E9Hqkokcjc/token/4ef5a502-86e1-40cb-b8aa-0230aa7f4bfb/thumbnail.jpg" width="760" height="267" /></cv-video>
As this is a private video, the token expires and the thumbnail link breaks. This is a shame. I can see in the roadmap there are plans to provide a public thumbnail for private videos - this would be a very good thing in my case. I won’t effect a page where the Vue component is instantiated as it gets a fresh token each time but when I look at the raw (un initiated ) element in the edit form it will have a reference to the thumbnail url (with a token) that was created when I injected it into the form.
I am currently thinking about how I can work around. Any ideas very welcome