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.

2 answers, add yours below

Posted on on September 23, 2011 at 5:37am
by Kraft

If you delete id="xx" on both object, it is working too.
I got the same problem

Posted on on November 2, 2011 at 6:18pm
by Michael Rosario

If you delete the ID's it will work in all browsers except IE, where only one video will display.

add your answers here

comments powered by Disqus

Amazon.com Widgets

the Forum

Multiple Brightcove Video Embeds in One Page

2 answers, add yours below

add your answers here

Trending Threads

Tags