Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #21168

    Hi guys,

    I have a similar issue to the video question here with the video’s black bars on top and bottom:

    Here’s one of the portfolio page that I’m trying to fix.

    The video is the second slide.

    That video is embedded with the <iframe> route, not just URL and I’ve resized it, here’s the embed code:

    <iframe width=”690 height=”388″ src=”″ frameborder=”0″ allowfullscreen></iframe>

    Also happened here – slide 2: (this one is URL embed).

    I’ve tried most of the solutions including here:

    But I can’t seem to fix it.

    How can I remove the black bars for 16:9 videos and keeping it responsive?

    Thanks a lot for your help guys.



    Hi Dhani,

    Did you try the css from that topic? Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .slideshow .videoslide {
    background: transparent;
    #top iframe {
    height: 56% !important;
    } .slideshow_media_wrap {
    width: auto;
    height: 1100px;
    } .slideshow.fade_slider {
    height: 594px !important;

    It isn’t a perfect implementation as the theme isn’t really set up to auto size videos to prevent the bars but it does the job for the most part.




    Hi Devin,

    I’ve tried this and it’s quite a good fix.

    However the wrapper pushed down the navigation dots far away from the video, which I’d suspect it depends on the height of the next set of images.

    Any other fix I can implement?

    Or would it need to use some javascript to detect the video size every single navigation click?




    Yes, that code is for a single video height only. Otherwise it would be a completely different solution.


    Hi Devin,

    The video resizes correctly, however the container still pushes down the navigation (dots) far away below the video.

    Any idea how to fix this?

    Thanks for your help,



    Not that I can see no. The height automatically gets set (which will be the same as the width) to adjust the video size, so the controls get pushed down to that slideshow container height.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Eunoia Video Player’ is closed to new replies.