Flowplayer - flash video
Michael J. is working on embedding Flowplayer (a JW Player competitor). His notes:
I had to download the flow player installation stuff from the website.
They include some javascript in the download, and encourage you to use
the javascript to add the player to the web pages. It's a jquery like
syntax.
<script type="text/javascript"
src="flowplayer-3.0.6.min.js"></script>
<script type="text/javascript"
src="flowplayer.embed-3.0.2.min.js"></script>
The documentation implies that flowplayer.embed-whatever.js isn't
necessary, but it doesn't seem to work without it. Smile and nod. Also
make sure that you have flowplayer.swf and flowplayer.controls.swf in
the same directory.
The documentation and examples on the website imply that the player can
be embedded in any element on a web page, but that didn't work for me at
all. The javascript would embed the player in any element, but the
player only seems to pickup the URL from from the @href attribute on an
<a> element. No combinations of javascript parameters and goofy goodness
would let me see a video in a <div>. So I put an <a> inside a <div> with
the correct @id and @href attributes and fired it all up.
<div id="popupContentContainer">
<a id="popupContent"
href="videos/Interviews/BathWeb/BathWeb1.mp4"></a>
</div>
And on the fifth day, lo there was video. And it was good.
Interestingly, you can change the href attribute with javascript before
your javascript call to embed the player in the page. Which by the way
looks like this:
$f("popupContent",
{src:'flowplayer.swf',width: 240,height: 240},
{ autoPlay: true,
autoRewind: false,
loop: false });
}
The end result for me is that I can put 90 images on a page, each one
linked to a .mp4 file, and have the video file play in the popup
lightroom thingy with some fancy jquery.