JW HTML5 Player (Longtail) BBCode help
Posted: 09 Sep 2010, 09:19
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:
Replacement:
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!
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]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>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!