Custom controls? about plyrue

[zcuric]

From what I read on plyr documentation it is possible to add custom controls like this.

So you would have to add a controls field in options when setting up Plyrue. This could be done easier to add controls in pluginOptions when Plyrue is initialised by vue so you don't have to define it everywhere.

From the documentation above, if HTML can be set to controls field as a function, maybe vue component could be injected. I could try, or you can if you have time.

Some examples:
https://codepen.io/jwjcmw/pen/pedQRL
http://jsfiddle.net/onigetoc/ehqu4o6x/

[francoism90]

@zcuric Thanks for your reply!

I'm indeed aware of using the controls options, but as far I've tested it isn't possible to inject a (native) Vue component, only plain HTML seems to be possible. However I haven't fully tested other things, like tweaking the project/app.js/.. configuration.

At the moment I've simply disabled the controls, and use a custom Vue component that hovers on top of the Plyr-instance (including fullscreen), which seems to work pretty well. This also makes connecting to other stuff like Vuex and (template) framework a lot easier.

Maybe moving this to the actual controls function would help Plyr(eu) integration. Will try to investigate when possible.