Can't change video via Javascript

Question

Hi all,
I know this has been covered, but I've tried those solutions and things just aren't working.
I think the issue is that I can't obtain the Strobe playback object.  Here's the code I'm embedding:
<video width="460" height="260" class="video" controls="controls">
    <object class="swfvideoplayer" type="application/x-shockwave-flash" data="/etc/clientlibs/foundation/video/swf/StrobeMediaPlayback.swf" width="460" height="260">
        <param name="movie" value="/etc/clientlibs/foundation/video/swf/StrobeMediaPlayback.swf" />
        <param name="allowFullScreen" value="true" />
        <param name="wmode" value="opaque" />
        <param name="flashvars" value="src=../../../../../content/dam/HMI/bill_stumpf_710.flv/jcr:content/renditions/cq5d am.video.hq.m4v&javascriptCallbackFunction=onJavaScriptBridgeCreated&name=swfvideoplayback &autoPlay=false&loop=false" />
        No video available.
    </object>
</video>
jQuery code like this (below) will get me *something* I can use, but nothing changes on screen.  When I say "I can use it", I mean I'm not getting errors thrown.
var $swf = $module.find('object')[0];
That returns me an object I can call the following on without errors:
swf.Stop();
swf.StopPlay();
swf.Rewind();
swf.LoadMovie(1,"http://10.10.10.163:4502"+ newVid + '/jcr:content/renditions/cq5dam.video.hq.m4v');
These methods are outlined here: http://www.adobe.com/support/flash/publishexport/scriptingwithflash/scriptingwithflash_03. html. 
My javascriptCallback function never gets called, either, so I can't get the player using the code in jsdemo:
function onJavaScriptBridgeCreated(playerId)
                function onJavaScriptBridgeCreated(playerId)
                        if (player == null) {
                                player = document.getElementById(playerId);
                                // Add event listeners that will update the
                                player.addEventListener("currentTimeChange", "onCurrentTimeChange");
                                player.addEventListener("durationChange", "onDurationChange");
                                // Pause/Resume the playback when we click the Play/Pause link
                                document.getElementById("play-pause").onclick = function(){
                                        var state = player.getState();
                                        if (state == "ready" || state == "paused") {
                                                player.play2();
                                        else
                                                if (state == "playing") {
                                                        player.pause();
                                        return false;
I can't get the player variable, so I have no access to "pause" or "play2" or "setMediaResourceURL".
What am I missing?  Any thoughts on how to obtain a handle to the Strobe swf player?  Given that the class of the swfobject is "swfvideoplayer", shouldn't this work?
document.getElementById("swfvideoplayer");
or, since I used a "name" parameter in my flashvars (see the embed statement, above), shouldn't this work?
document.getElementById("swfvideoplayback");
Neither work. :-(
Thanks,
Bret

Answer 1

Hi,
did you check http://osmf.org/dev/1.6-sprint-2/hello-world-jquery-plugin.html ?