css - Bootstrap | Two columns with one 16:9 video and some text -
i achieve using bootstrap:
|--------------------|------| ^ | | | | | 16/9 | text | | 90% height | | | | |--------------------|------| v <---------------------------> width 100% (screen width) i've been able create 2 containers video keeping 16/9 ratio, div won't fit remaining space. instead, video overtop right div. mean text add in div not centered... can see there :
can please me ?
so, managed javascript. kind of easy way go.
<script> var zvheight = (screen.availheight/100)*80; var zvwidth = (zvheight/9)*16; document.getelementbyid('zv').style.width = zvwidth+"px"; zpswidth = screen.availwidth-zvwidth; document.getelementbyid('zps').style.width = zpswidth+"px"; </script> 
Comments
Post a Comment