0

In one of my web app I am showing a youtube videos thumb nails like 

<img height="150px" id="youtubeImage" src="http://img.youtube.com/vi/VIDEO_ID/default.jpg" href="">

I am fetching the video id from database. I want to show a full screen if this video while clicking on this link. I showed this in a iframe using jQuery. But how to show this in full screen ?

Please help Thanks

tintinve
  • 87
  • 12
ramesh
  • 4,008
  • 13
  • 72
  • 117

1 Answers1

2

Not really a jQuery answer, but this can almost be achieved by using the URL:

http://www.youtube.com/v/[VIDEO_ID]

This will redirect to

http://youtube.googleapis.com/v/[VIDEO_ID]

Which has the video taking up the full browser tab. Not strictly fullscreen as it won't hide the player components but I'm not sure you can do it any other way.

joshschreuder
  • 1,413
  • 2
  • 18
  • 32
  • thanks for the reply and .. I need to show the full screen video in the same page itself ... – ramesh Jun 14 '12 at 05:35