search

vlitejs / vlite

🦋 vLitejs is a fast and lightweight Javascript library for customizing video and audio player in Javascript with a minimalist theme (HTML5, Youtube, Vimeo, Dailymotion)
https://vlite.js.org
MIT License
268 stars 18 forks source link

Vimeo provider error #65

Closed shamil9 closed 2 years ago

shamil9 commented 2 years ago

Describe the bug

Hello

Thank you for your work. I'm having some problems with vimeo provider. When calling player.play() method I'm getting this error

Unknown player. Probably unloaded.

Also half of the time vimeo's default player controls appear in addition of control bar.

Steps to reproduce

Register vimeo plugin Manually call play() method

Expected behavior

Play video

Screenshots and recordings

Screenshot 2022-06-22 at 16 30 47 Screenshot 2022-06-22 at 16 28 30

Vlite.js

4.0.5

Browser

102.0.5005.115

OS

macOS 12.4

Additional context

Used in Vuejs SPA app

yoriiis commented 2 years ago

Hello @shamil9,

Thanks for the report.

About this, it is a limitation of Vimeo, not Vlitejs. You need a paid plan to hide control. More information on the Vimeo embed options documentation and the Vimeo plan.

Also half of the time vimeo's default player controls appear in addition of control bar.

yoriiis commented 2 years ago

About the error, could you please share a small reproducible repository? On the demo, the Vimeo player works well.

shamil9 commented 2 years ago

Sure here it is https://github.com/shamil9/vimeo-test

Press play button at the top

yoriiis commented 2 years ago

I think it's related to your implementation with Vue. See this issue: https://stackoverflow.com/questions/68727191/vimeo-sdk-unknown-player-error-after-initialization-vuejs

Also, I recommand you to manipulate the player only when ready. Use the onReady callback function (the player is automatically exposed as a parameter).

shamil9 commented 2 years ago

Thanks, indeed looks like Vue problem.