How to add videos with fullscreen to an html page?

HTML & CSS
1

Hi all,

I want to add a video, that will be displayed on the browser with full screen.
When i disturb the video like, any keyboard/mouse mouseover event has occur, i want to display an web page.
(like Raliway enquiry in Railway station)

Thanking you.

2

That bit’s easy. width: 100%.

When i disturb the video like, any keyboard/mouse mouseover event has occur, i want to display an web page. (like Raliway enquiry in Railway station)

That bit I don’t understand at all. Perhaps someone else does.

3

Are you saying that when I’m watching the video in full screen and I move my mouse, you’re going to take me away from the video and redirect me to a webpage?

Is this for a kiosk type of application?

4

Ya. Exaxtly i want to develop same like that.
Can you provide example how to do this?

5

This is 100% untested and me just thinking out loud…but you could put the video in one div and the page content in another. Set the content div to not display with CSS.

When the video is playing, capture onmousemove and then use JS to set the video div to be hidden and the content div to be seen.

I’ve never tried this so I may be just giving you bad information, but it may be a path to explore.