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

Hi Paul! Thank you for getting back to me, I really appreciate it. I absolutely love this plugin so far, even though my level of experience with it is still relatively small.

That would be great if you could send it to me and then I will pop it into Visual Studio and do my best to get everything conformed and modified according to my brand guide.

Please feel free to email it to vadim.vozmitsel@gmail.com!

Thank you again @pork1977gm, this plugin is a true piece of no-code mastery!

Hello @pork1977gm

again congratz for this very cool plugin.
I have a feature need that you might have the time to look at… :slight_smile:

here is the thing :

once you need to deliver content to many people, you will need a service like mux, to encode, store and deliver content, but this is quite expensive… 1M views of a 30 minutes video will cost around 35K$ to stream.

Some are a lot less expensive than Mux, like this one : Bunny Stream | A better way to deliver online video | bunny.net
Yet, a 30 minutes HD video would cost 5K$ / million views

One might think “1m views is a lot”, The answer is “No” it is not.

Here come my feature idea : if we were able to monetize videos with video ad stream from Google Ad Manager, with an average of 5000/10000$ per million views, this would make the business profitable, or at least not a huge loss of money.

Question is : would you consider adding the “google ad manager tag” option in the plugin so that we could play dynbamic ads from this adserver ?

This could be a workflow action like “load google ad a videoJS Player” that would look exactly like the existing action “Load ad a videoJS Player” but instead of a link to media, we would simply ad the google ad manager tag.
Here is some documentation about it : IMA SDK Plugin for Video.js

Thanks in advance for your answer

Best

Hi @pro.sc.conseils

Thanks for the kind words.

Ok I see what you’re saying here, my only concern is that whilst this is a good idea, and I will take a look at it for you, I’m just a bit concerned about adding anymore stuff in because there’s already a lot which has been added. I could create a small plugin which when installed alongside the videoJS plugin would give you this functionality. I’m very busy with other jobs right now though but when I get the time I’ll see if I can do it for you.

Paul

1 Like

Hey @pork1977gm

I tried finding through this thread if your plugin enables mobile video recording.

I couldn’t … so … I though asking you directly may be the best way to go … Does your plugin allow mobile video recording? … And if so … does it provide any hosting options other than directly to Bubble?

When you have a minute please advise if possible. Thanks! :smiley:

I am attempting to configure this video plugin - thanks for putting together such a comprehensive plugin so far.

  1. Am I able to upload videos directly from the video recorder to MUX? I could not see a way to do this, the upload file actions upload to Bubbles S3 only.

  2. When I use the “create asset” endpoint for an S3 file it returns an error saying that the URL is not supported, the url is .mkv. When I download the file and upload it using the Mux uploader test page you created it works fine, so I assume it doesn’t like the S3 URL part rather than the file type. I am passing the media URL from the JSPlayer into the create mux asset endpoint.

Hi, so you should be able to record on mobile and then take that recording and upload to somewhere. I’ve tested the recorder on my iPhone and it worked fine but I haven’t really done extensive testing against different mobile devices but I think it should be fine.

I didn’t put any other hosting options into the plug-in (other than all the MUX bits) but you should be able to save it to S3 then once you have that URL, upload it anywhere you like. Mobile recordings may need to be converted afterwards so that playback works across multiple devices/browsers etc and that can be a little tricky to setup but it’s doable.

1 Like

Hey Mitch,

Unfortunately you can’t upload recordings directly from the recorder without first saving them to S3 at the moment. I have it setup so that once the recording has been stopped, the file is generated and then uploaded to S3 (I think that’s what I’ve done anyway). I’m away until Wednesday next week so can’t check the code right now!

When you try the “create asset” endpoint, you may need to put the https: part in the URL to make it work. Did you try that?

Hi,

Would this plugin work with live YouTube & Vimeo streams? I want to be able to display messages when the livestream hits a certain time, and get how many minutes the livestream has been on for the same way the plugin can for normal videos.

Thanks!

I’ll check that for you when I can. You can setup workflow conditions based on either the current time or current remaining time, so as long as that info is available for both YouTube or Vimeo videos (which I’m pretty sure it is) then it’s possible. When I get back to my laptop next I’ll just double check for you. There is an action that allows you to overlay either text or images on top of videos anyway but I don’t recall trying it on these types of videos. If you have a Vimeo/YouTube video then fire over the link (URL) to me as a PM then I’ll hook up a quick page and try it.

Hey,

So I was able to test it using a random YouTube livestream and it is able to give me the current time, except for when I use it on iOS. On there it just shows how many seconds have passed since I initially played the player. and it only does this with livestreams it seems. If that could somehow be fixed, this plugin would be perfect.

Thanks :smiley:

Hi @pork1977gm, your plugin truly rocks. However, here’s an issue that has come up recently. Pages with the plugin sometimes take ages to load - we’re talking like +1min. I’ve reached out to Bubble who fed back the following:

This was due to a dependency of your videoJS plugin - it uses unpkg to maintain assets. I would recommend reaching out to the plugin author and asking them to either re-upload their assets to unpkg or move the dependency elsewhere as a lot of big companies are starting to abandon unpkg for reliability issues (spotify and tagify come to mind). We’ve seen issues with unpkg related to several different plugins as of late.

Could you please look into this? It’s critical for the app to run in production.

Thanks so much!

V

@pork1977gm we are experiencing the same thing, and mission critical for our live app :pray:

There’s an issue with UpChunk

Ok guys I will certainly fix this up

@rukevweb
I’m not sure if I’ll be able to fix this. I’ve been playing around with it today but I’m not sure why this happens. iOS may just have it’s own set of rules for playing them and if that’s the case, there’s not too much I can do unfortunately.

@sirvolki, @equibodyapp
I’ve pushed an update where all libraries that were hosted directly from unpkg and now being hosted from Bubble’s S3. If you guys can try and let us know how you get on, that would be great.

Paul

1 Like

That’s okay, I was able to find an alternative way to measure the length using Bubble :slight_smile:

Thanks Paul! So far now more issues :partying_face:

1 Like

have you seen this approach? 🎥 How to use video APIs to turbo charge your Bubble app + platform updates - Issue #27 | Revue

Additionally I’ll mention from the minimal testing I did 1-2 mths ago, I successfully used the VideoJS plugin to record videos from my iphone 12 (via various browsers) directly with the exception of the combo iphone + Chrome. For some reason direct iPhone recording via Chrome browser with this plugin is not possible. As a workaround a) a user can record directly from their phone & upload to your site. From there you can use the plugin to upload video to MUX for encoding etc OR b) you can use the ZeroQode recording plugin for recording with iphone/chrome browser combo. Video Recorder Plugin | Bubble

I’ll be interested to hear what your experience with mobile recording is if you pursue testing on your end.

Hello! We plan to use Ziggeo for this project. Pricey but should get the job done.

Hi. My brain doesn’t work properly today. I’m wondering if there’s a simple way to pause one video when another one starts playing (both being in a RepeatingGroup)?