Slarsen817 Posted August 23, 2019 Share Posted August 23, 2019 Here is the code that I am trying to embed put on my website. I am unable to get the video to center. <script src="https://fast.wistia.com/embed/medias/hl78wc0g3o.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:60% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:35%;left:0;position:absolute;top:0;width:35%;"><div class="wistia_embed wistia_async_hl78wc0g3o videoFoam=true" style="height:100%;position:relative;width:100%"> </div></div></div> Link to comment Share on other sites More sharing options...
nf_handsome Posted August 28, 2019 Share Posted August 28, 2019 (edited) We may need to see the contents of each div you are using. in you last div you have width as 100%. this makes the entire width of the video to take the entire width of your screen... On second thought... Play around with the div I placed around your codes: Perhaps not the best fix but may lead you to the right fix. Good luck <div style="display-box;margin-left:750px;"> <script src="https://fast.wistia.com/embed/medias/hl78wc0g3o.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:60% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:35%;left:0;position:absolute;top:0;width:35%;"><div class="wistia_embed wistia_async_hl78wc0g3o videoFoam=true" style="height:100%;position:relative;width:100%;"> </div></div></div> </div> Edited August 28, 2019 by nf_handsome Link to comment Share on other sites More sharing options...
nf_handsome Posted August 28, 2019 Share Posted August 28, 2019 (edited) here is something else I tried... give it ahot and not the change in your second div <div style="display:block; margin:auto;"> <script src="https://fast.wistia.com/embed/medias/hl78wc0g3o.jsonp" async></script> <script src="https://fast.wistia.com/assets/external/E-v1.js" async></script> <div class="wistia_responsive_padding"> <div class="wistia_responsive_wrapper" style="height:35%;left:35%;position:absolute;top:0;width:35%;"> <div class="wistia_embed wistia_async_hl78wc0g3o videoFoam=true"</div></div></div> </div> 33.33% would be just near it. Good luck Edited August 28, 2019 by nf_handsome Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now