Video Structure: Customizing the player
  • Vote Up0Vote Down michaelmichael October 2010

    I see that the video structure player is the JW Player, excellant.

    How should I go about changing the settings of the player? Is it possible with <v:video /> ?

    When I use this markup:

    <v:video path="video" width="626" height="372" />


    Vae generates this:

    <div id="containervae_generated_might_change_c6a6ed7e05dd6cc3c76d80bad24c8498"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>
    <script type="text/javascript" src="/__assets/swfobject.js"></script>
    <script type="text/javascript">
    var s1 = new SWFObject("/__assets/player.swf","ply","626","372","9","#FFFFFF");
    s1.addParam("allowfullscreen","true");
    s1.addParam("allowscriptaccess","always");
    s1.addParam("flashvars","file=http://ajaffe.vaesite.net/__data/1ed5b6ef25b7e36083569eea026c2ae6.mp4");
    s1.write("containervae_generated_might_change_c6a6ed7e05dd6cc3c76d80bad24c8498");
    </script>
    var s1 = new SWFObject("/__assets/player.swf","ply","626","372","9","#FFFFFF");
    s1.addParam("allowfullscreen","true");
    s1.addParam("allowscriptaccess","always");
    s1.addParam("flashvars","file=http://ajaffe.vaesite.net/__data/1ed5b6ef25b7e36083569eea026c2ae6.mp4");
    s1.write("containervae_generated_might_change_c6a6ed7e05dd6cc3c76d80bad24c8498");
    </script>


    All I really need to add are these two parameters to get rid of the controllerbar and make the video autostart:

    s1.addVariable("controlbar',"none");
    s1.addVariable("autostart","true");


    Could I type this:

    <v:video path="video" width="626" height="372" controlbar="none" autostart="true" />


    so I would end up with:

    <div id="containervae_generated_might_change_c6a6ed7e05dd6cc3c76d80bad24c8498"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>
    <script type="text/javascript" src="/__assets/swfobject.js"></script>
    <script type="text/javascript">
    var s1 = new SWFObject("/__assets/player.swf","ply","626","372","9","#FFFFFF");
    s1.addParam("allowfullscreen","true");
    s1.addParam("allowscriptaccess","always");
    s1.addParam("flashvars","file=http://ajaffe.vaesite.net/__data/1ed5b6ef25b7e36083569eea026c2ae6.mp4");
    s1.write("containervae_generated_might_change_c6a6ed7e05dd6cc3c76d80bad24c8498");
    </script>
    var s1 = new SWFObject("/__assets/player.swf","ply","626","372","9","#FFFFFF");
    s1.addParam("allowfullscreen","true");
    s1.addParam("allowscriptaccess","always");
    s1.addParam("flashvars","file=http://ajaffe.vaesite.net/__data/1ed5b6ef25b7e36083569eea026c2ae6.mp4");
    s1.addVariable("controlbar","none");
    s1.addVariable("autostart","true");
    s1.write("containervae_generated_might_change_c6a6ed7e05dd6cc3c76d80bad24c8498");
    </script>

  • 6 Answers sorted by
  • Vote Up0Vote Down KevinKevin October 2010

    I added this in so that the parameters can be specified as you suggested, however I can't get it to work on my test site. Does it work for you?

    Can you see what I might have done wrong?

  • Vote Up0Vote Down michaelmichael October 2010

    Hey Kevin, can I see the page??

    here is my page:
    http://ajaffe.vaesite.com/video-player/new-york-campaign-60s

    As you can see, the parameters have been added correctly, but they aren't reflected in the player. They are supposed to make the controls disappear and the movie autostart.

    The JW Player you are using may be an older version, did you try updating it? v5.3 the new version is both a Flash and HTML5 player so it will work on iOS devices which is something the client needs.

  • Vote Up0Vote Down KevinKevin October 2010

    Ah, that makes sense. I'd be up for trying to update the player. I'll let you know how it goes and post back here.

  • Vote Up0Vote Down KevinKevin October 2010

    I got the player upgraded. As a nice side-effect, it should now support HTML5 for iPad playback as well. Enjoy!

  • Vote Up0Vote Down michaelmichael October 2010

    Awesome!

    There is still one bug though. The video will not play in a lightbox when using the Vae local preview server. It will run fine in a lightbox on the staging site.

  • Vote Up0Vote Down KevinKevin October 2010

    Get in touch with us and give us a URL that explains the problem and we'll check into it right away.

Add a Comment

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Apply for Membership

Categories

In this Discussion