Using the Preferred deployment of vivPlayer will enable Internet Explorer users to load the video player via a Java applet or Active X, thus no need to Install the Vividas player. This is recommended for audiences within a corporate network, as installation privileges are often not granted.
Vividas streams are embedded in web pages using a standard <object> tag, created by a startPlayerObjectTag javascript function. The stream and player options are configured using <param> values within the object tag.
Download and unzip the SDK and copy the ‘Scripts’ and ‘Player’ folders to the root folder of your web site. Copy the ‘screen_bg_click.jpeg’ and ‘screen_bg.jpeg’ from the SDK images folder to your websites images folder.
Paste the following code into your <head></head> section
<!-- start player javascript support files --> <script type="text/javascript" src="scripts/core/api.js"></script> <script type="text/javascript" src="scripts/core/java.js"></script> <!-- end player javascript support files -->
Paste the following code into your <body> section within <div id=”videosection”></div> tags. The size of the video playback is edited, in pixels, by changing the 640 and 390 values for player width and height. Edit the mediaURL to point at your Vividas encoded media (live or on Demand)
<!-- start player object tag -->
<script type="text/javascript">startPlayerObjectTag("vivPlayer", 640, 390);</script>
<param name="sdkVersion" value="current"/>
<param name="backgroundImage" value="images/screen_bg_click.jpeg"/>
<param name="mediaURL" value="http://video.vividas.com/content.viv"/>
<param name="playerEvents" value="false"/>
<a href="http://player.vividas.com/download.php?noplugin=true">Click to install</a>
</object>
<!-- end player object tag -->
NOTE: It would be good practice to use CSS for the <div id=”videosection”> so you can set the width and height of the video player before it loads. See Customize for details.
To enable the video to auto-play on page load add the following line of code below
<param name="playerEvents" value="false"/> as described in Step Three
<param name="autoplay" value="true"/>