question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Custom <video> ref

See original GitHub issue

Hello!

I want to use ref callback of <video> element to do some style calculations as soon as possible. There is a way to pass custom attributes to FilePlayer using config.file.attributes. I’ve tried to pass the ref callback there, but FilePlayer fails in this case due to overriding the original ref here:

s

which leads to lots of errors because the plugin uses this.player in many places.

Could you extend the logic to allow passing a custom ref?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
ghostcommented, Oct 16, 2020

Hello @max-koa. It was a long ago and I don’t have that implementation already. I switched to using video-js as I needed to work only with <video>, video-js provides lots of flexibility for this purpose.

0reactions
max-koacommented, Oct 19, 2020

hi @cookpete I did try the example, but it was not working (not sure why). I will try getInternalPlayer if needed, but right now the feature has been paused.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Custom <video> ref · Issue #537 · cookpete/react-player - GitHub
Hello! I want to use ref callback of <video> element to do some style calculations as soon as possible. There is a way...
Read more >
Video player styling basics - Developer guides - MDN Web Docs
This follow-up article looks at how to style this custom player, including making it responsive. The example in action. A video player with...
Read more >
Custom Video Editing - Etsy
Check out our custom video editing selection for the very best in unique or custom, handmade pieces from our digital shops.
Read more >
VideoApp Interface Reference | Alexa Skills Kit
In the developer console, navigate to Custom > Interfaces. Enable the Video App option and then click Save Interfaces. Be sure to click...
Read more >
Custom Audio Video Installation
Custom Audio Video Installation - Reference Audio Video. Remote Car Starts, Car Audio Video, Marine Audio, Lighting And More. Call (406) 452-0090 -...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found