Tuesday, May 18th, 2010

Projekktor: Simply Mighty Video

Category: JavaScript, Library, Video

>

Projekktor is another JavaScript library that sits on top of the <video> tag to provide richer chrome and features, and also backwards compatibility via Flash. Once you load the shim, you can setup config and then you just have to use video:

  1. <script type="text/javascript">
  2.         // check out all of the config params: http://www.projekktor.com/docs.php#configparams
  3.     var PROJEKKTOR_CONFIG = {
  4.         themesPath:     "desired path here"
  5.         playerFlashMP4: "desired path here/playerMP4.swf",
  6.     };
  7. </script>
  8.  
  9. <video class="projekktor" poster="poster.png" title="this is Projekktor" width="640" height="385" controls>
  10.     <source src="video.mp4" type="video/mp4" /> <!-- MPEG4 for Safari -->
  11.     <source src="video.ogv" type="video/ogg" /> <!-- Ogg Theora for Firefox 3.1b2 -->
  12. </video>

Features

  • Super easy integration to any site: 1) include one JS file 2) use standard video or audio tags 3) done!
  • Cross browser conformity: What you see is what you get in IE, Opera, Chrome, Safari, Firefox and more.
  • Projekktor supports PRE roll and POST roll content for ads and more.
  • Server independent random seeking for Theora. No need for expensive RTMP or progressive streaming proxys.
  • Projekktor supports playlists.
  • Cross browser “no buffer” feature to save bandwidth.
  • Optional gui blocking to disable pausing or skipping of trailers and ads.
  • Extremely easy theming. All you need to know is how to handle HTML and CSS.
  • Unrestricted customization due to an easy to understand JS plugin interface and API.

Related Content:

Posted by Dion Almaer at 6:36 am
4 Comments

+++--
3.8 rating from 4 votes

4 Comments »

Comments feed TrackBack URI

This leave FF in the cold, reverting to Flash. I prefer Video for Everybody, which equally privileges OGV.

Comment by jamienk — May 18, 2010

@jamienk The opposite is the case. Flash is only used if no native MP4 support is available and MP4 is only used whenever there is no Theora file available or playback possible. But you are right. The examples shown on the frontpage are a bit misleading.

However, “video for everybody” is a principle, projekktor is a whole player so they can not be compared this way.

Comment by citizencam — May 18, 2010

Second is missing a slash. But of course we can view source.

Whom it also leaves in the cold is noscript users with older browsers/IE. It’s better to build the fallback chain serverside and include an OGG source and Cortado as its fallback.

Comment by bugme — May 18, 2010

OK worth a look! Sorry for speaking too soon

Comment by jamienk — May 18, 2010

Leave a comment

You must be logged in to post a comment.