object - Scaling swfobject to make it responsive -
i'm trying insert swf file , make responsive.
<div class="modal fade" id="portfoliobig3" tabindex="-1" role="dialog" aria-hidden="true" > <div class="modal-content" > <div class="container"> <div class="row"> <div class="col-md-12"> <div class="modal-body" > <!-- classid : identifie la commande activex pour le navigateur. codebase : identifie l'emplaceemnt de la commande activex de flash player pour que le navigateurpuisse l'instller si ce n'est pas déjà fait. --> <object class="object" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"> <param name="quality" value="high" /> <param name="movie" value="videos/recherche_affectation_no_immo_v2.swf" /> <param name="vmode" value="transparent"/> <param name="bgcolor" value="#fff" /> <param name="play" value="false"/> <!-- [if !ie]> <--> <object class="object" data="videos/recherche_affectation_no_immo_v2.swf" type="application/x-shockwave-flash"> <param name="vmode" value="transparent"/> <param name="quality" value="high" /> <param name="bgcolor" value="#fff" /> <param name="play" value="false"/> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />fail (the browser should render flash content, not this). </object></object> <!-- > <![endif]--> <button type="button" class="btn btn-md" data-dismiss="modal">retour</button> </div> </div> </div> </div> </div> </div>
and made css file on side :
.modal-content { min-height: 100%; object { width: 100%; max-height: 100%; background-color: #fff; }
}
but not responsive @ , cand change bg color.
it has better (i takes part of screen then) when css :
.modal-content { min-height: 100%; object { min-width: 100%; height: 700px; background-color: #fff; }
}
but when try smaller screen have awfull grey block under video...
the thing don't want use mediaqueries.
any clues welcomed ! :)
Comments
Post a Comment