Looping not working & CSS

So, this plugin has been a huge help, because it’s enabling “playsinline” which allows YT videos to play inline on iOS devices. I needed that because Elementor wasn’t providing it.

But… Looping is not working, when the video finishes it’s not playing back by itself, you have to click the replay button. I hope there’s a solution for that because I need that feature.

And, there’s a problem with CSS that’s causing black bars to show up on top and bottom and messing up with how videos look. I solved that myself but it’d be better to edit it from the source so people won’t have to do it.

This is how it is by default:

.ye-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

This is how it should be, in order to contain the accurate width/height of the video:

.ye-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

Basically, just change padding-top to 0px in your CSS.

Thanks.

• This topic was modified 6 years, 2 months ago by enaraborg.