search

skjnldsv / vue-plyr

A Vue component for the plyr (https://github.com/sampotts/plyr) video & audio player. https://npmjs.org/@skjnldsv/vue-plyr
https://skjnldsv.github.io/vue-plyr/
Other
42 stars 6 forks source link

Vimeo not playing in Chrome 112 Desktop using vue-plyr v 7.0.0 #424

Open sjoerdoudman opened 1 year ago

sjoerdoudman commented 1 year ago

I have used the vue-plyr in a Nuxt 3 project using this stackoverflow explanation as a reference: https://stackoverflow.com/questions/72388975/nuxt3-with-vue-plyr-for-youtube-document-is-not-defined-reference-error#answers-header. This gets the player to work fine with youtube video's. It also works in FireFox using a vimeo embed, but Chrome can't handle it.

Expected behaviour

Expecting the player to play on Vimeo videos like in regular videos or YouTube videos.

Actual behaviour

When I click on play for Vimeo videos it tries to play but then does pause immediately.

Environment Browser: Chrome Version: 112 Operating System: MacOs Version: Montery vue-plyr: 7.0.0 nuxt: 3.4.0

Console errors (if any)

vue-plyr.esm.js?666c:3 Unrecognized feature: 'autoplay,fullscreen,picture-in-picture'

Not sure, but this could be related to a Plyr issue described here: https://github.com/sampotts/plyr/issues/2151

skjnldsv commented 1 year ago

Maybe this is also relevant? :thinking: https://stackoverflow.com/questions/48247002/unrecognized-feature-autoplay-error-with-youtube-embedded-player

BorisKamp commented 1 year ago

How did you get this working @sjoerdoudman ? I get 

plyr.client.ts:1 Uncaught ReferenceError: VuePlyr is not defined
at plyr.client.ts:1:1

When I do what's stated in the stackoverflow post...