Weird embed bug

[samuelbrooks]

trafficstars

If I'm using the same class from lightcase.init.js on more than one embed it will add borders to the second embed in the html and also remove the fullscreen button from the second embed (at least with vimeo it does)

For example

<a id="various10" class="button line-blue" data-rel="lightcase:myCollection" href="//player.vimeo.com/video/110894499">Vimeo as Iframe</a>
<a id="various10" class="button line-blue" data-rel="lightcase:myCollection" href="//player.vimeo.com/video/110894499">Vimeo as Iframe</a>

The second embed would have a border at the top and bottom while the first would not but if I create a new selector in lightcase.init.js like so

<a id="various10" class="button line-blue" data-rel="lightcase:myCollection" href="//player.vimeo.com/video/110894499">Vimeo as Iframe</a>
<a id="various1000000" class="button line-blue" data-rel="lightcase:myCollection" href="//player.vimeo.com/video/110894499">Vimeo as Iframe</a>

Neither video would have any borders in this case.

From testing it seems to happen on any video embed. Anyone know a fix that wouldn't have me creating a whole bunch of new classes for each embed?

[samuelbrooks]

Any ideas? Still having trouble with this one :/

[cbopp-art]

Please, can you provide a fiddle for this? Ohterwise it is hard for me to reproduce.

Thanks