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

    Hi guys,

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

    http://www.kriesi.at/support/topic/modify-font-and-color-on-portfolio-item

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

    http://www.ds72.com/latest-work/durex-in-sync

    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=”http://www.youtube.com/embed/qfpR-APrIfI?rel=0″ frameborder=”0″ allowfullscreen></iframe>

    Also happened here – slide 2:

    http://www.ds72.com/latest-work/nokia-e6 (this one is URL embed).

    I’ve tried most of the solutions including here:

    http://www.kriesi.at/support/topic/video-player-not-resizing-properly

    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.

    Dhani

    #110700

    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;
    }
    #top.page .slideshow_media_wrap {
    width: auto;
    height: 1100px;
    }
    #top.page .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.

    Regards,

    Devin

    #110701

    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?

    Cheers,

    Dhani

    #110702

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

    #110703

    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,

    Dhani

    #110704

    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.