JW HTML5 Player (Longtail) BBCode help

[BBCodeScrub]

First off, wow so glad I found this site. I've been pouring over it searching for anything about their beta HTML5 player, and haven't seen anything yet.

I'm trying to embed h.264 (baseline) video into my phpbb3.02 board. I would just use this BBCode, but I really want to avoid Chrome and Safari's lack of recognizing the "preload" or "autobuffer," and Longtail's HTML5 player claims to do that (2nd to last paragraph of this page). And also it has a fallback to their Flash player if the the browser doesn't support it which is really convenient and brings it to the broadest audience possible on the site (mobile too!).

I'm pretty green (okay REALLY green), but here's what I've come up with (most of which is from their embedding guidelines and some of which is an attempted adaptation from this) so far:

Usage:

Code: Select all

[html5]{URL}[/html5]

Replacement:

Code: Select all

<div name="{URL}" id="{URL}"></div>
<script type="text/javascript" src="../piggytv/jquery.js"></script>
<script type="text/javascript" src="../piggytv/jquery.jwplayer.js"></script>

<video controls="controls" height="352" id="player" src="{URL}" width="624">

  <script type="text/javascript">
    $('#player').jwplayer({
      autostart:false,
      flashplayer:'../piggytv/player.swf',
      skin:'..piggytv/five/five.xml'
    });
  </script>

When I preview it in a post, I see the controls flash up for a split second, then it's just a black rectangle.

Thanks for any possible help here (hopefully it may also help others too w/ the rise in interest in HTML5) and hope I followed the rules correctly!

[Stoker]

The embed code is here: http://www.longtailvideo.com/support/jw ... the-player
Start with that and get a working example you can work on.