css - html5 fluid video solution -
i trying add fluid video have read here
https://css-tricks.com/netmag/fluidwidthvideo/article-fluidwidthvideo.php
i defining
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
and on html
<div class="video-container" style="padding-top:25px; width:720px"> <iframe src="//fast.wistia.net/embed/iframe/xxxx? videofoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" oallowfullscreen="" msallowfullscreen="" width="720"></iframe>
the video width changing according video-container width display black paddings on top , on button. how can remove black paddings.
have tried removing in html:
style="padding-top:25px; width:720px"
i'm using same solution on page , works fine.
Comments
Post a Comment