05th Nov 2007
Being a regular watcher of Diggnation, and sometimes PixelPerfect (both shows on Revision3.com) over the odd lunch break, I've found that the embedded video dimensions are too small for extended viewing (espeically for the widescreen presentations) so I wanted to find a way to stretch the video to fill the browser window.
Below is a script I wrote that dynamically resizes the video to make it fill the containing window. It's handy becuase although the flash player they've made does allow for full screen (note this is not full window) I generally want to be pottering in other windows at the same time, and so can't let the video monopolise my entire screen.
If you open up a revision3 video (i.e. a diggnation: click here to open one up) - all that is required is to copy the code below and paste it into your address bar of the window you've got the video loaded into - then press enter (or click Go).
javascript: var o = document.getElementsByTagName('embed')[0]; o.style.width='100%'; o.style.height='100%'; document.write('<embed>'+o.parentNode.innerHTML+'</embed>'); void(0);
You should now see that the video now fills the window. Good eh!
NB:
- You do not have to wait for the video to load before pasting the code.
- Don't worry if you find that the initial splash image is stretched, the proper aspect ratio will restore once you click play.