|
|

All you have to do is to paste the snippet in your address-bar and prepend data:text/html, (note the comma) to it and hit enter! Your widget is on the page! For instance, if you have a YouTube "embed video" snippet like this:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bPfPK59weT8&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bPfPK59weT8&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>After you add data:text/html, it looks like:
data:text/html,<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/bPfPK59weT8&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/bPfPK59weT8&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Note that it works on Google Chrome, Firefox, Chromium. I haven't tested this in Opera or Safari. It definitely doesn't work on Internet Explorer!
Labels: Cool Stuff, Firefox, Hacking, Tips









