the Forum

Multiple Brightcove Video Embeds in One Page

Posted on May 22, 2011 by Michael Rosario
Total Posts: 33 | Join date: 03-12-11

Brightcove is a popular HTML5 video platform. However, adding multiple embedded code doesnt work when the Flash version is used because it's defaulting to use one container. This is the case for IE browsers. Look at the code below, they are both the same except for one thing.

<div class="VideoPlayer">
   <div style="display: none;"></div> // FLASH CONTAINER
 <object id="myExperience1" class="BrightcoveExperience" width="296" height="181" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0">
  <param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" />
  <param name="width" value="296" />
  <param name="height" value="181" />
  <param name="playerID" value="XXXXXX" />
  <param name="playerKey" value="XXXXXXXX" />
  <param name="isVid" value="true" />
  <param name="isUI" value="true" />
  <param name="dynamicStreaming" value="true" />
  <param name="wmode" value="transparent" />
  <param name="@videoPlayer"  value="XXXXXXXXXXX" />
  <param name="flashVars" value="playerID=XXXXXXXXXXX" />
 <embed width="296" height="181" src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" bgcolor="#FFFFFF" flashVars="XXXXXXXXX" base="http://admin.brightcove.com" name="flashObj" width="480" height="270" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object>
</div>

<div class="VideoPlayer">
   <div style="display: none;"></div> // FLASH CONTAINER
 <object id="myExperience2" class="BrightcoveExperience" width="296" height="181" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0">
  <param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" />
  <param name="width" value="296" />
  <param name="height" value="181" />
  <param name="playerID" value="XXXXXX" />
  <param name="playerKey" value="XXXXXXXX" />
  <param name="isVid" value="true" />
  <param name="isUI" value="true" />
  <param name="dynamicStreaming" value="true" />
  <param name="wmode" value="transparent" />
  <param name="@videoPlayer"  value="XXXXXXXXXXX" />
  <param name="flashVars" value="playerID=XXXXXXXXXXX" />
 <embed width="296" height="181" src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" bgcolor="#FFFFFF" flashVars="XXXXXXXXX" base="http://admin.brightcove.com" name="flashObj" width="480" height="270" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object>
</div> 

They have unique video ID's on the OBJECT parameter. The first object has:


<object id="myExperience1" ...

and the other has:


<object id="myExperience2" ...

Tags: There are no tags for this entry.

There are no answers yet. Add yours below.

add your answers here

comments powered by Disqus

Amazon.com Widgets

the Forum

Multiple Brightcove Video Embeds in One Page

There are no answers yet. Add yours below.

add your answers here

Trending Threads

Tags