plyr icon indicating copy to clipboard operation
plyr copied to clipboard

Is it possible to have a custom overlay before a user clicks play and then display the default controls?

Open romeboards opened this issue 3 years ago • 2 comments

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:

image

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!

romeboards avatar Jun 03 '21 17:06 romeboards

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 avatar Sep 04 '21 04:09 Karnith

@Karnith interesting code 😀🎉

WebLeach avatar Sep 09 '22 19:09 WebLeach