Welcome on my blog, it's my personal space about things I like, projects I do and thoughts I share. Feel free to comment, I enjoy reading your ideas and thoughts.
(Real) Full Screen YouTube and Google video
Last week I started experimenting with the full screen functionality in the new flash player. I build a simple player that plays YouTube and Google videos full screen.
The Flash full screen is real full sreen. Use the [esc]-button to leave full screen modus. The right mouse button gives a menu.
Note: You need Flashplayer 9,0,18,60 to run Full Screen. Download it here. The latest version of Flash 9 will do.
Not the right version of Flash, see how it looks.
Permanent link video
More about implementing full screen Flash in Adobe Labs.
December 2 Update:
Right now I’m building a videoplayer for the Volkskrant, a Dutch newspaper and website. It allows everyone with a website to embed Vk.tv videoreports and reviews made by editors.
This videoplayer has the option to jump to full screen by right-clicking the screen or by clicking the fullscreen icon in the lowerright corner. You only see the button if you have the appropriate version of Flash installed. If you click [deze video op je weblog] (this video on your blog) you can set your own size for embedding the video on your website.
Link: Video: Recensie: Brad Pitt in Babel
December 7 update:
Download the *.fla source of the YouTube Fullscreen Flash file.
Hi, hypernarrative is a blog by Wilbert Baan about Art, Media and Technology with a focus on interactive storytelling. If you're new here, you may want to subscribe to my RSS feed with Google or Netvibes. I'll post a few messages a week. Thanks for visiting!
Thanks for reading, you might also like
37 Comments
Leave a comment
It can take a while for your comment to show up because of anti-spam checking. Don't worry, if you are not a spambot it will show up.
RSS feed for comments on this post.
I was testing myself and saw your link at adobe labs… nice done this option.
Sorry, didn’t work for me.
Colin, are you sure you have the right version of Flash installed?
“You must have version 9,0,18,60 or greater of Flash Player installed to use full-screen mode. On Intel Macs, the current shipping version of the Flash Player is 9,0,20,0, but you must have 9,0,18,60 installed to use full-screen.”
http://labs.adobe.com/downloads/flashplayer9.html
Hey guys,
I have an iMac G5 running tiger 10.4.7 and I an having a wierd problem. Whenever I go to a site that has an embedded youtube, flash or some kind of video, there is no sound. If it a quicktime file there is no problem. There is not sound no matter what broswer I use, firefox, camino, safari, or shiira. And keep in mind that about a week ago I was not having this issue.
Help Would be awesome
Thanks!
this is really good now i don’t have to download youtube videos to see full screen
@ Davion, I’m not sure what’s wrong, the problem doesn’t sound familiar to me. Try to re-install the Flash driver.
This works for me after Flash update. Is there a way I can bypass the initial screen that takes the youtube input? eg:instead of showing the video id as inputbox, I would like to code it as a link.
@ VJ, if I would make this it would still involve user interaction to go to full screen. Flash 9 security doesn’t allow full screen without a user activating it.
Hi Wilbert,
I think here is what I’m looking for. I’m new to flash, if you can share any solution you have or guide me, I really appreciate it.
1) Pass the youtube ID in HTML (eg: youtube_fullscreen.swf?video_id=xjfaoblabla somethinglike that)
2) When page is loaded it loads static image from youtube with play button.
3) When user clicks play it plays in the page OR fullscreen. Default could be anything.
4) When can toggle back and forth using Esc and right click –> view fullscreen
Thanks.
Sure. You can use this url
http://lab.hypernarrative.com/youtube_fullscreen.swf?youtube=EcZE-4C93Bw
for YouTube and this url
http://lab.hypernarrative.com/youtube_fullscreen.swf?google=-749808857389030609
for Google video.
thanks, this is almost what I’m looking for. The only thing is, I dont want the input box with youtube ID displayed in the initial window. Instead just play button would be perfect. (may be a bigger play button). Please share if you happen to enhance this in such a way.
thanks again!
Would you mind sharing the fla file for this? I am trying to develop like this the way I described it, but can’t seem to get it. I’m using Flash 8 software.
@VJ You can dowload the file in lab.hypernarrative.com
The source file: lab.hypernarrative.com/youtube_fullscreen.fla
[...] The (Real) Full Screen YouTube and Google video post has questions for adaptations and remarks in the comments. [...]
thanks!
[...] copy this code: -6517555921174632079 into this player to play Google Video fullscreen. [...]
[...] Best read article: (Real) Full Screen YouTube and Google video @ October 16, 2006, 7:12 pm [...]
What’s the chance of you publishing the code for the ‘(REAL) FULL SCREEN YOUTUBE AND GOOGLE VIDEO’ player or at least offering it for a nominal charge. The reason I ask is because it seems such a shame that you only offer support for YouTube and Google, when there are so many sites out there that use Flash Player, but haven’t yet gotten around to upgrading to the actual fullscreen viewing option.
James the swf file (player) I have build loads a Google or YouTube player, it is a simple workaround for the time being. I’m sure the guys over at Google Video and YouTube will incorporate the Flash fullscreen function sooner or later, it kind of depends on the spreading and popularity of Flash 9.
I’m not sure how much you know about Flash but with this source file (with code) it is relatively easy to build a fullscreenplayer for every swf player out there.
If there is a particular one you would like to see in this player just let me know.
Wilbert, if it isn’t too much trouble I’d like to see a player for the Flash content at:
http://anime.mangaspot.com/ and http://www.crunchyroll.com/
I have included mangaspot into this version, Crunchyholl requires a log-in, it is nog so easy to work around. If you have Flash you can take a look at the source file and start playing with it to make your own.
source file: http://lab.hypernarrative.com/mangaspot_fullscreen.fla
Hi Wilbert, at the YouTube fullscreen mode the buttons stay at the same size/scale at the bottom of the screen, the video is scaled in x and y direction. That’s looking perfect. But my buttons also scale in both direction, so they become big and ugly. Any idea how to avoid it and keeping the original size?
Joe, the videos from YouTube and Google have script for this in the player. Script you can’t override. If you would like to make something yourself that doesn’t size with the screen you can use stage.scaleMode, with this you can set what your Flash Movie should do when scaled. For example when using “noScale” the buttons in your screen will always be the same size, like the YouTube and Google players.
With Stage.width you can read what the currents stage settings of the person viewing the movie are. With this you can continues reposition the buttons or menubar.
If have used something similar at http://www.wilbertbaan.nl/client/, you can scale the movie (or go full screen) and the buttons top-left en bottom-right move along.
Does this answer your question?
Early in the morning an still trying… Very nice example at your site. I’m trying to get a solution for fix sized video (320×240 +overlay buttons) on the main page and fullscreen option with no change of size and position of the buttons. I’ll keep tryin…
Good luck, post a link to the results if you like.
is it possible to make a flash content full screen for http://animevengeance.smartvideochannel.com,
full screen freezes on you tube
I don’t need it anymore
Excellent zork, thanks a lot.
Could it be possible to auto-hide the status bar ?
COuld it be possible to add a parametrable by url version so we could bind-bookmark it (or GreaseMonkey it) ?
I am trying to load a game in full screen mode.. but it is not taking any key events except ESC key..
@Utopiah, I don’t think I can autohide the statusbar because YouTube has a script forcing the movie to use the screensize available. I don’t know anything about GreaseMonkey, if someone knows more about it he or she might get it to work by linking to the swf file: http://lab.hypernarrative.com/youtube_fullscreen.swf?youtube=EcZE-4C93Bw
@Basu, does it work local when just running the swf?
@Wilbert
thx a lot now Ive binded it and can watch YouTube video in fullscreen with just Ctrl+L then “utfs YOUTUBECODE”,
but… it doesn’t open in fullscreen, I dunno why :p
It’s bigger than the original version, for sure, but it doesn’t open any new window (and if I open it in a new window and not a tab, same problem)
Hmm, I have no idea. Do you run the swf locally? If you run in in a browser make sure you have used the right embed code when embedding the swf.
< param name="allowFullScreen" value="true" />
@25 Hi Wilbert, here we go: http://www.dailydose.tv (with fullscreen option). Enjoy the program and maybe you like to take part at the award. Hope that Maasvlakte will see me again soon. Tot ziens.
The site looks great. Full-screen works good too. Nice job.
I use flash and dreamweaver, I have tried fiddling about with flash cs3’s fullscreen features, they work offline but not online. any ideas? I also downloaded your .FLA file and tried ploading that .swf file, again, your worked offline and not online. i have flash player 9 and have tested it on a number of computers.
Am i doing something wrong in flash, or am i doing something wrong in dreamweaver? if it helps i’m just putting it in a simple html page with an image at the top, then the flash underneath. it hasn’t got ang fancy bits, just html and flash.
PLEEEEEASE HELP!!!
Did you make sure to use the right embed tags? You have to allow full screen, make sure to add this in the embed code.
param name=”allowFullScreen” value=”true”