SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Evangelist venkat6134's Avatar
    Join Date
    Jul 2010
    Posts
    454
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    how to add videos with fullscreen to an html page?

    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. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by venkat6134 View Post
    I want to add a video, that will be displayed on the browser with full screen.
    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. #3
    Chive On FFCus's Avatar
    Join Date
    Feb 2006
    Location
    Connecticut
    Posts
    542
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #4
    SitePoint Evangelist venkat6134's Avatar
    Join Date
    Jul 2010
    Posts
    454
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ya. Exaxtly i want to develop same like that.
    Can you provide example how to do this?

  5. #5
    Chive On FFCus's Avatar
    Join Date
    Feb 2006
    Location
    Connecticut
    Posts
    542
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •