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.

how looks !

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

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

javascript - Z-index in d3.js -