Question

I want the user to be able to use the native <video> controls of a <video> on this page/overlay, but right now the fullscreen action expands the whole website document rather than the video element itself, which isn't showing the overlay and its video at all.

Why isn't the <video> element full-screen'd by itself, natively in browsers?

Can I override the default behavior and use requestFullscreen()?

Thanks!

Can you provide the code you've tried. Or a link the the website? — Kevin Jantzer, Jul 14 '16 at 20:19
@KevinJantzer added a link in the description text, thanks for fast reply. click the fullscreen button after playing the video in the black overlay — evvvvritt, Jul 14 '16 at 20:53
– I don't see a fullscreen button: [screenshot](http://i.imgur.com/7qPNfcG.png) — Kevin Jantzer, Jul 15 '16 at 17:57

score 1 · Accepted Answer · answered Jul 14 '16 at 20:25

1

It's probably because you're calling requestFullscreen() from the window (the default if you call the method on its own)

You can also call it from a specific element, such as your video element.

document.getElementById('video').requestFullscreen()

Demo

answered Jul 14 '16 at 20:25

Kevin Jantzer

9,215
2
28
52

fullscreen expands document, not element itself — why?

1 Answers1

Demo