How to manually amend the flashvars within the embed code

Some settings can be applied or overwritten directly in the vzaar player embed code. This is achieved by adding the options to a query string in the player url.

Below is an example of a standard vzaar iframe embed code.

<iframe allowFullScreen allowTransparency="true"  class="video-player" frameborder="0" height="432"  id="vzvd-918833" mozallowfullscreen name="vzvd-918833"  src="http://view.vzaar/com/918833/player"  title="video player" type="text/html" webkitAllowFullScreen width="768"></iframe>

The list of flashvars must be of the format  flashvarname=flashvarvalue, and each should be separated by &amp;

The full list of available flashvars that can be added to the embed code can be found here:  VZAAR PLAYER PARAMETERS

Below is the same example embed code as above, but with options added for applying the blue colour scheme and hiding the full screen button:

<iframe allowFullScreen allowTransparency="true"  class="video-player" frameborder="0" height="432"  id="vzvd-918833" mozallowfullscreen name="vzvd-918833"  src="http://view.vzaar/com/918833/player?colourSet=blue&amp;hideFullScreen=true"  title="video player" type="text/html" webkitAllowFullScreen width="768"></iframe>

Please note: You don't ever have to add any quotation marks, but you will need to separate the various parameters with &amp;

It's also possible to alter these values in the html (object) embed code, although the iframe is recommended under most circumstances.

<div>
<object id="video" width="590" height="338" type="application/x-shockwave-flash" data="http://view.vzaar.com/701860/flashplayer"> 
<param name="movie" value="http://view.vzaar.com/701860/flashplayer">
<param name="allowScriptAccess" value="always"> 
<param name="allowFullScreen" value="true"> 
<param name="wmode" value="transparent">
<param name="flashvars" value="endText=We+hope+you+enjoyed+this+vzaar+video+demo&amp;colourSet=blue&amp;hideFullScreen=true">
<video width="590" height="338" src="http://view.vzaar.com/701860/video" poster="http://view.vzaar.com/701860/image" controls onclick="this.play();"></video>
</object>
</div>

This help document is aimed at the more advanced user, but can be used by anyone with some html knowledge. Please note that we only officially support the default embed code we provide you with via your video asset page, and any consequences caused by any changes to the embed code are therefore the responsibility of the user.

Still need help? Contact Us Contact Us