when use youtube iframe in or out of div using transform: translate() doesn't allow me play video in firefox. works in other browsers ie8. here fiddle created http://jsfiddle.net/ke6vp/ if comment out transform property works fine, youtube buttons can't accesed. once again in firefox. experience before? i'm using jquery isotope plugin places content using transform property. help.
<div class="pong"> <div class="ping"> <iframe width="326" height="237" frameborder="0" allowfullscreen="1" src="https://www.youtube.com/embed/lehu2cfvde8?wmode=opaque?rel=0?autoplay=1&"></iframe></div> </div> .pong{ height: 237px; transform: translate(20px, 100px); width: 326px; } .ping{ height: 237px; position: absolute; width: 326px; z-index: 40000; }
it seems problem flash on firefox, if force youtube's html5 player problem fixed.
you appending &html5=1 youtube's embed url. suppose if html5 not supported fall flash, i'm not sure this. browser sniff , serve html5 player firefox (not recommended, you're working around bug, there's no straightforward way address this).
alternatively, can disable css transforms in isotope transformsenabled option
$('#container').isotope({ transformsenabled : false }); 
Comments
Post a Comment