DoublePressToFullscreen - Githubissues

vidstack / player

UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js.

https://vidstack.io

MIT License

2.37k stars 137 forks source link

DoublePressToFullscreen #27

Closed mihar-22 closed 3 years ago

mihar-22 commented 3 years ago

Tasks

[ ] Design, build and test DoublePressToFullscreen component,

Notes

Press is a more generic word that encompasses click, touch and keyboard triggered events.

Slots

default: Used to define the region that is pressable.

CSS Properties

--vds-dptf-z-index: The position in the UI z-axis stack inside the player.

CSS Parts

dptf
dptf-active

Events

vds-user-enter-fullscreen-request: UI event emitted when the component is pressed to enter fullscreen.
vds-user-exit-fullscreen-request: UI event emitted when the component is pressed to exit fullscreen.

References

https://github.com/vime-js/vime/tree/master/core/src/components/ui/dbl-click-fullscreen

mihar-22 commented 3 years ago

Not required. Can re-use <vds-fullscreen-button> and add dblclick listener.