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

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - Bypass Geo Redirect for specific directories -

php - .htaccess mod_rewrite for dynamic url which has domain names -