Snipplr - rtcrm

(HTML) HTML5 Video: Simple Embed

Tue, 10 May 2011 05:11:49 GMT

- HTML5 video displayed for those browsers that support it. - Falls back to Flash video for non-HTML5 browsers (below IE9). - Placeholder image displays for non-HTML5 and non-Flash browsers. - Does not rely on JS. - Does not include download links. - If using "ClearOverAll.swf" for Flash controls, make sure it lives on same level as the HTML page! (Otherwise, the controls won't appear.) - Make sure MIME types are on the server hosting the HTML5 video files! (Add to cpanel, not the .htaccess file.)

(HTML) Video For Everybody

Mon, 13 Jul 2009 10:28:02 GMT

Video for Everybody is very simply a chunk of HTML code that embeds a video into a website using the HTML5 `` element which offers native playback in Firefox 3.5 and Safari 3 & 4. This is native OGG video playback in Firefox 3.5 (you get H.264 playback in Safari). No plugins to install. The video is played by the browser itself. It loads quickly and doesn’t threaten to crash your browser. In other browsers that do not support ``, it falls back to Adobe Flash: You can host locally or embed any Flash file, such as a YouTube video. If Flash is not installed, QuickTime is used which allows playback on the iPhone. If QuickTime is not installed then Windows Media Player is used in Internet Explorer 8 for Windows 7. This means that it is actually almost impossible for the video to not play in IE8 on Windows 7. Even without Flash and QuickTime, you’d have to disable Windows Media Player or all ActiveX entirely! Finally, if all else fails, a warning is issued that provides links to download the video, and links to software relevant to getting the video to play within the browser itself. Since this is just HTML, you can put anything here you want.

(JavaScript) HTML5 enabling script

Fri, 24 Apr 2009 10:12:11 GMT

Since HTML5 is getting [more](http://www.brucelawson.co.uk/tests/html5-elements.html) [attention](http://adactio.com/journal/1540/) by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as ``, is to use the [HTML5 shiv](http://ejohn.org/blog/html5-shiv/), here’s a mini script that enables all the new elements. ###Usage & Download### The html5.js and must be inserted in the head element _(this is because IE needs to know about the element before it comes to render them — so it can’t sit in the footer of the page, i.e. below the elements in question)_. It’s conditional within the code, so Firefox _et al_ won’t run the code — but it doesn’t hurt to wrap it in an IE conditional call to reduce the http pulls for other browsers:

(HTML) Standard Flash Player Embed - FLV

Mon, 02 Feb 2009 15:49:40 GMT

Needed: - Video in FLV format. - video_player.swf (standard player, which resizes for any flv). Notes: - SWF and FLV files can live anywhere. - Location of FLV is relative to the location of video_player.swf. (see below - only video_player.swf needs the folder name.)

(JavaScript) CSS Browser Selector

Tue, 28 Oct 2008 15:47:01 GMT

CSS Browser Selector is a very small javascript with just one line and less than 1kb which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser. Available OS Codes [os]: `win` - Microsoft Windows `linux` - Linux (x11 and linux) `mac` - Mac OS `freebsd` - FreeBSD `ipod` - iPod Touch `iphone` - iPhone `webtv` - WebTV `mobile` - J2ME Devices (ex: Opera mini) Available Browser Codes [browser]: `ie` - Internet Explorer (All versions) `ie8` - Internet Explorer 8.x `ie7` - Internet Explorer 7.x `ie6` - Internet Explorer 6.x `ie5` - Internet Explorer 5.x `gecko` - Mozilla, Firefox (all versions), Camino `ff2` - Firefox 2 `ff3` - Firefox 3 `opera` - Opera (All versions) `opera8` - Opera 8.x `opera9` - Opera 9.x `opera10` - Opera 10.x `konqueror` - Konqueror `webkit` - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome `safari` - Safari, NetNewsWire, OmniWeb, Shiira `safari3` - Safari 3.x `chrome` - Google Chrome Extra Codes: `js` - Will be available when js is enable, so you can show/hide some stuffs RTCRM

(CSS) Min/Max-Height/Width Workaround for IE

Mon, 27 Oct 2008 14:39:18 GMT

rtcrm

(HTML) Simple Flash Embed

Mon, 27 Oct 2008 14:07:21 GMT

This uses *no javascript* and will still render in IE, Safari, Firefox, and Opera. RTCRM

(CSS) CSS Reset

Mon, 27 Oct 2008 13:58:52 GMT

This resets all styles. Removes any default styles set by the user's browser. rtcrm

(JavaScript) Vertically align within browser window

Mon, 27 Oct 2008 13:36:04 GMT

This will vertically align a block-level element inside the user's browser window and will automatically adjust if the window is resized. RTCRM

(CSS) Vertically align within fixed height DIV

Mon, 27 Oct 2008 13:28:40 GMT

This will vertically align a block-level element inside a fixed-height containing block-level element. Note: you must know the exact pixel height of the containing element! RTCRM

(CSS) Clearfix

Mon, 27 Oct 2008 13:13:36 GMT

Add this class to elements containing multiple floating elements. rtcrm

(CSS) Image / Text Replacement - Clickable

Mon, 27 Oct 2008 12:41:18 GMT

RTCRM Image/Text replacement for clickable image. This is useful for logo images.