One more issue I noticed is that getting the Poster image from the Video player’s exposed state is coming up empty.
Hi @chiprana ,
Try the “Create asset” action and see if that works out for you or send me a screenshot showing the actions you have which are running. It sounds like the order of execution isn’t being processed properly.
This may not be possible because of the YouTube player is probably protected but I’ll look at it soon. It should be possible with the videoJS player though. Either way, as soon as I get a chance I’ll jump in and test it. Not everything will work when using the YouTube player unfortunately, but I’ll do my best to do it.
1 Like
I found a way to get them by using this URL. 
https://img.youtube.com/vi/{YouTube video ID}/0.jpg
1 Like
Oh great, thanks for the info there.
1 Like
Hi,
Thanks really for this amazing plugin. It’s very very good.
What I try to do:
my users can load the link of their password protected vimeo video to share with their friends. And their friends input the password to watch it for reviewing the video.
-
The link " Get data(vimeo) / enter your api" key takes me to the videojs plugin page but I can’t see Vimeo api authorisation inputbox.
-
even I manage to enter the api key. It will be mine authorisation key for my app, so it doesn’t permit my users to use their account. Am I wrong?
I hope somebody have a knowledge about vimeo api to share with me. Thanks
Hi @ali-umut
I’ll get back to you on this with some more details soon if that’s ok. Will try not to keep you waiting too long. Can you send me some screenshots of what you mean though so I have a better understanding.
Paul
Hi @pork1977gm! I’m having some trouble making the video responsive. I followed your instructions above (aspect ratio set, and object-fit set to cover), the video is still not showing up right. Do you have any recommendations?
Hi @eman
What do the layout options look like for the element?
Are you using the old or new style responsive page?
Does it have a fixed width?
Do you need the player to go full screen?
Regards!
Right so you need to use their player for this, it won’t work with the videoJS player for sure.
To be honest, this type of functionality wasn’t something I ever planned on supporting. The vimeo player which is included is not the latest one and I would suggest you use solely their own player to do this.
Ok. Thanks for the suggestion.
@pork1977gm Thanks for the plugin, it’s awesome! I just think that is missing the Chromecast and Airplay support. It would be awesome if you can add them, have you tried again?
Hi @readygirlonline, apologies for the delay.
Both of these things (apple airPlay and Chromecast) I have tried in the past, and they’ve given me nothing but problems unfortunately! The apple airPlay stuff caused a bug where videos would load with the occasional black screen and the Chromecast functionality was a bit hit and miss where sometimes it worked, sometimes it didn’t.
I would love to get both of these in, but I just don’t feel confident enough to add them right now. I need to test them fully, also need various types of Android and iPhone devices for which I don’t have.
That being said, I’ve been meaning to write something up for a while now explaining how to make them both work outside of the plugin, so I hope this helps. Try the following.
Airplay
Github reference: ( GitHub - silvermine/videojs-airplay )
Add these script references into your Settings / SEO Metadata section:
<!-- VideoJS Airplay Plugin -->
<script src="//dd7tel2830j4w.cloudfront.net/f1639553702414x755410820577449500/videojs-airplay.min.js"></script>
<link href="//dd7tel2830j4w.cloudfront.net/f1639555396219x245795434472382940/videojs-airplay.css" rel='stylesheet'>
Now add a ‘Run javascript’ action inside the ‘VideoJSPlayer is ready’ event like so. Make sure you reference the state as shown and don’t forget the quotes around that state. If you have multiple players in your site, create an event per video player. There are other ways to do this but this will be the simplest.
var player = videojs('thisElementId')
player.airPlay();
Next time you load the player onto the page, it should show the Apple Airplay icon in the control bar when on iOS devices, something like this…
Chromecast
Github reference: ( GitHub - silvermine/videojs-chromecast )
Done in the same way as above but like so.
Add these script references into your Settings / SEO Metadata section:
<!-- VideoJS Chromecast Plugin -->
<script src="//dd7tel2830j4w.cloudfront.net/f1612501480002x246830639526922850/silvermine-videojs-chromecast.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
<link href="//dd7tel2830j4w.cloudfront.net/f1612501976898x381562332597929150/silvermine-videojs-chromecast.css" rel="stylesheet">
Now add a ‘Run javascript’ action inside the ‘VideoJSPlayer is ready’ event like so. Make sure you reference the state as shown and don’t forget the quotes around that state. If you have multiple players in your site, create an event per video player.
var player = videojs('thisElementId')
player.chromecast();
At the time of writing this, I don’t have an Android device to test this with but if anyone ends up following this and gives it a go, let me know if it works!
Cheers
Paul
1 Like
Hey @pork1977gm, hope all is well, and glad to continually see new releases from you!
I did want to report that I’m having two issues, one of which is pretty major; when using the player as a sound wave, I’m setting “interact” to “yes” in the Toggle visual sound wave action, but the player does not allow the user to actually interact to change the current listening point in the audio file. I did some troubleshooting and found that version 1.173.0 is the last working version for this functionality, and when I revert to it my players do work as intended. However, I’d like to stay on the current update to make sure I’m up-to-date on bug fixes, performance improvements, and feature additions. Is there something you’d be able to do to fix with this functionality in the next updates?
My other issue is less about functionality, and more about presentation. When the initial load & toggle sound wave sequence happens (right after page load), the player briefly shows up as a black rectangle, even though the background color is set to white/transparent. I wanted to do something where I’d “Show VideoJSPlayer” once its data has been loaded or it’s ready, but if it starts out hidden, the data will never begin loading in the first place. Any ideas for a workaround so this big black rectangle isn’t shown at all (this would be best), or can be hidden until ready?
Thank you!
Hey @jgh3
Ok I’ll take a good look at both these issues in the morning and get back to you. Pretty sure I can get both these things fixed up so will get back to you as soon as I can!
Speak soon
Paul
1 Like
@jgh3 could you send me a screenshot showing all the setttings you have applied within the “Toggle visual sound wave” action?
Great thanks. Regarding the interaction part you mentioned, if you set that option “Remove background” option from Yes to No, how does it perform?
Ah perfect, with that set to No, it is properly interact-able now. I’ll just need to make sure instances of the player across my app are not affected in unforeseen ways, but it seems like as long as the background color is set to transparent, it shouldn’t affect anything visually?
Let me know if you have any ideas for making sure the big black box isn’t shown on load!
Yep so all your other players will be fine but circle back if you do see anything. I’ll have a look at the black box today and come back to you.