plyr
plyr copied to clipboard
Is it possible to have a custom overlay before a user clicks play and then display the default controls?
Hello! I've been looking through the docs and other issues and didn't find anything specific about what I'm trying to accomplish. Essentially I want to have a custom display on the video before the user would click play. Something like:
Once the play button is clicked, the title / gradient would slide down and be replaced by the default controls. Is this possible using plyr? If so, how would I go about it? Thanks!
I am working on an example of this for fun. I am replicating the netflix featured video section
https://codesandbox.io/s/html-5-plyr-netflix-style-d5gfq
I guess I should give a bit more context. The video auto plays from a given point, then pauses after 1 min. If you click play again then it will continue playing. When I am done with this it should behave exactly like on netflix.
@Karnith interesting code 😀🎉