New Plugin from Zeroqode - Video Player

One more thing. My app is on our own domain. Maybe that effects somehow?

Hey All,
Important Update here - we have optimised the code of this plugin and created a new element for it called “NewVideoPlayer” - when installing the plugin please use that element to use the latest code updates.
Existing users may continue using the current version of plugin as is, however upgrading the plugin and adding the new element would require updating workflow and design in the Bubble app"

Hello @quantumind

Please upgrade to latest version of plugin place the “NewVideo Player” element on page provide a source for the video and give it a try.
Thanks for patience and understanding.
:pray:

Regards,
Zeroqode Team.

Thank you. I will try it soon.

Hey @levon ,

Im having this bug with the plugin:


It seems to happen when i update the video player with the next link to play.

Could you maybe explain how to execute using a dynamic changing link in this plugin?
Because i have tried doing it by updating a repeating group data source as a text and it failed to take it without changing the url in the middle.
A quick brief on how to manage dynamic link which changes throughout the usage of the current page would be amazing

Thanks!

Hi @lankri.erez,

Thanks for reaching out. This error usually pops up when it doesn’t manage load the track properly inside a RepeatingGroup. In order to solve this, please check the following 2 things:

  1. whether or not you are using the new player element, which is not deprecated
  2. to have the same setups as per our demo app here, where you can easily replicate it on your side as well and everything should be working fine!

Best regards,
Zeroqode Team

Hey,
thanks for the reply, my I am doing exactly these 2 things but still it seems to trigger that message.
What can be done?

Hi @lankri.erez,

Thanks for feedback. In this case could you please share screenshots and/or screencast with your design setups especially the RepeatingGroup and workflows for the Next/Previous buttons, so we can see the logic that is filled in, in order to properly investigate.

Also, what browser and OS you are using to develop your app?

Best regards,
Zeroqode Team

Hey,
https://drive.google.com/file/d/1VvSDr8l3fJnRXaSMlV70cLs5BirN-rj6/view?usp=sharing
Added a video of the situation.
I am using chrome, on mac
Tomer

Hi @lankri.erez,

Thanks for feedback. Unfortunately, this is not enough for us to understand where the problem is. Could you please provide the details as previously requested so we can actually see the design setups of your app, especially the RepeatingGroup where you try to play the next video, or any other way you are trying to do it.

Have you actually tried to copy our demo app on your side to make it work the same way? These demo settings will help you correct the bug!

Best regards,
Zeroqode Team

Hey!
Figured it out, it was a race condition that did not manage to update the state where i was holding the url
Added a small pause before the next action to make sure its updated.
Is there any better way to do that ? like an atomic action ?
Thanks!

Hi @lankri.erez,

Thanks for confirming! Yes, you managed to implement the correct workaround in this case. Hope it is going to behave as intended!

In case you encounter the same or any other issues with our plugin, please don’t hesitate to let us know. :pray:

If you do like our plugin so far, could you please rate it by going to Plugins tab within your editor? You can find it by name and give as many stars as it deserves. The more feedback we get, the more motivated we are to build great plugins.

Best regards,
Zeroqode Team

Hi ZQ team, this plugin is great! I just have a small issue, which is to control the height of the player when it’s displaying a Youtube video (example 2 in the GIF below).

I’m using some CSS (height: 100vh !important;) to make the player full height. It works fine with a Vimeo link (example 1) or a custom link (example 3, a video file hosted with Dropbox). Do you know what’s different with Youtube, or how I can work around that?

Your other plugin Plyr has a nice way to automatically adjust it’s height for a given width. Would you be able to enable the same for this plugin? Thanks!

Bootkamps _ Build apps without code

Hey again,
On every page load the video states it has no source, indeed on page load the source is not ready yet to input my newvideoplayer on my app, how can i dismiss this warning untill the video url is ready in my app?

Thanks

Btw i just found this bug, we are launching today i need an answer as fast as possible :slight_smile:
Thanks

Could you solve your issue with a default hardcoded url, and then when your state isn’t empty you replace the source with the sate’s value?

Hi guys,

Thanks for feedback.


@Lucien unfortunately the control of the height is not a part of this plugin but whether you upload a Vimeo or local or Youtube video, the player should not be behaving as per video. Perhaps it is conflicting with a custom CSS you have on your page.

Could you please try to build a separate page for testing purposes and give it a try but without any custom CSS and just by using the plugin element with 3 different video sources. However, if you still encounter the same or any other issue, please share screenshots and/or a screencast of your app setups so we can replicate it on our side to see where the problem is. :pray:


@lankri.erez perhaps you can set a condition to check only when the video URL is not empty? It would be best to share screenshots of your app setups to we can actually see and try to debug on our end as well. This would help to speed things up.


Best regards,
Zeroqode Team

Thanks @ZeroqodeSupport! It is definitely the CSS I added that is doing this. It’s working nicely for all sources but Youtube. I don’t expect that you have control over what Youtube is doing here, so it looks like the way forward is for me to use another player when the source is a Youtube video. Still investigating for a player that would meet my needs (being able to dynamically change the source without reloading the page, and that I can control the height of via CSS).

Thanks @Lucien for confirming!

Unfortunately no, we influence on the conflicts between custom CSS that were added to the page. Perhaps you can simply use the Video integration from Bubble which supports the Youtube links.

Just asking in case you like our plugin so far, could you please rate it by going to Plugins tab within your editor? You can find it by name and give as many stars it deserves. The more feedback we get, the more motivated we are to build great plugins!

Hope it helps.

Best regards,
Zeroqode Team

Hey,
Your solution is not viable because it has to be empty untill the next url is loaded from the db, that happens after the window showing the video player is shown and i would assume it should wait a couple of seconds before throwing a no source found bug.
Cant seem to figut it out, ill explain exactly what happend :

1: I load my 1 page app
2: a link is clicked to move to the page containing the newvideo player
3: an RG with data types holdin a url are loaded
4: the newvideo player source is updated to be the url

During that process between the RG being loaded and the window loaded the newvideo has a second with a missing datasource and throws an error