Forum Academy Marketplace Showcase Pricing Features

[PLUGIN] - VideoJS Advanced + YouTube, Vimeo, Wistia, HLS, DASH, MUX, Pre-roll Ads (plus more)

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. :wink:

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.

  1. 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.

  2. 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…

image


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