Support » Plugin: YouTube Embed » 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 8 months, 4 weeks ago by enaraborg.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author David Artiss

    (@dartiss)

    Hi,

    Thank for the CSS information – I’ll look at getting that changed in the next release.

    For the looping issue – do you have an example URL of where is happening? I can look at the underlying embed to see if this is a problem with my plugin or YouTube themselves.

    Actually both problems can be seen through the “YouTube Video Sample” from the profiles of the plugin, while the Loop Video is enabled it won’t loop by itself.

    Here is an image for example:
    https://ibb.co/XWx5KG2

    That’s what happens when a video finishes.
    Thanks again, for the quick response.

    Plugin Author David Artiss

    (@dartiss)

    I’ve just tried it and it worked for me. I switched on the loop option, and using the example playlist video, I moved it to video 148/148 and let it play – at the end it moved back to the 1st video again.

    Was you expecting something different?

    You’re correct on that one, but you tried on the playlist only, my problem is with the standard video (one video only).
    I want it to loop when it finishes without clicking anything, same if you switch on the loop option from YouTube itself.

    I had that feature before from the built-in video player in Elementor.
    So, is it possible that I’m getting something wrong here? Is it available just for playlists?

    • This reply was modified 8 months, 3 weeks ago by enaraborg.
    Plugin Author David Artiss

    (@dartiss)

    Apologies – I got it in my head this was playlist related. Not sure now why I had.

    Okay, I’ve found the issue here. Theoretically, this code should work…

    https://www.youtube.com/embed/RxAtuMu_ph4?loop=1

    But it’s not. However, if I make it a single video playlist, like so, the loop now works…

    https://www.youtube.com/embed/RxAtuMu_ph4?loop=1&playlist=RxAtuMu_ph4

    This is weirdness by the API. I’ll have to make a change to the plugin to adapt to this.

    It’d be great to have that feature.

    Well done with the plugin overall, I searched a lot to find something good for free while providing the “playsinline” feature and I couldn’t find a better one than this.

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Looping not working & CSS’ is closed to new replies.