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.

Support for posters?

See original GitHub issue

Is there anyway to set the poster along with the url?

 url={url} poster={poster}

The player is working perfectly except that it often shows a black screen for mp4 videos and doesn’t always show the max res for YouTube, so it would be great if we could optionally set the poster manually.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

17reactions
cookpetecommented, May 19, 2016

As of 0.6.0 you can now do:

<ReactPlayer
  url={url}
  fileConfig={{ attributes: { poster: 'poster.jpg' } }}
/>
2reactions
johnandbluecommented, Oct 16, 2017

Hi, @CookPete I was also interested in putting a poster in a webm file, and I follow your comment:

As of 0.6.0 you can now do:

<ReactPlayer
  url={url}
  fileConfig={{ attributes: { poster: 'poster.jpg' } }}
/>

and it works, but it says: ReactPlayer: fileConfig is deprecated, please use the config prop instead – https://github.com/CookPete/react-player#config-prop but if I change fileConfig for config as prop, then doesn’t recognize the poster… any recommendation?


edit: Answering to myself:

config={ { file: { attributes: { poster: props.backgroundImage.url } } } }
Read more comments on GitHub >

github_iconTop Results From Across the Web

poster stands for display - Amazon.com
Amazon Basics Easel Stand, Instant Floor Poster, Lightweight, Collapsible and Portable with Tripod Base, Black Steel(supports 5 pounds). Plastic, Metal.
Read more >
Support Poster - Etsy
Check out our support poster selection for the very best in unique or custom, handmade pieces from our digital prints shops.
Read more >
Poster and Frame: Poster & Frame | Support design and buy ...
At Poster & Frame we have +7000 posters and posters. Support original poster art and buy your new poster online at DK's largest...
Read more >
Support Posters
Buy support posters from the Getty Images collection of creative and editorial photos. All support posters are produced on-demand using archival inks, ...
Read more >
Support Posters for Sale - Redbubble
Unique Support Posters designed and sold by artists. Shop affordable wall art to hang in dorms, bedrooms, offices, or anywhere blank walls aren't...
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