Eunoia Video Player « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Eunoia

Eunoia Video Player

6 posts from 2 voices

Started 2 months ago by manatama
Latest reply from Devin
This topic is not a support question

Tags:

manatama
Member

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

Posted 2 months ago #
Devin
Moderator
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
Posted 2 months ago #
manatama
Member

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

Posted 2 months ago #
Devin
Moderator

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

Posted 2 months ago #
manatama
Member

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

Posted 1 month ago #
Devin
Moderator

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.

Posted 1 month ago #