efsyn.gr: cropped video embeds

[back2themoon]

https://www.efsyn.gr/periballon/472639_ ... ys-polites

Scroll a bit down, you should see two video embeds. They are cropped and cannot really be handled/played properly:

crop1.png

crop2.png

crop3.png

Perhaps this is aspect-ratio again...?

[vannilla]

Yes, it's a CSS aspect-ratio issue. The videos are iframes inside a div element with that style rule.

[Goodydino]

Controlled by Cloudflare. Will not even open.

[back2themoon]

Strange. Never seen a single trace of Cloudflare on this website. Like, ever. And I do visit it often.

[Gemmaugr]

Can confirm both cloudflare gated and seeing two cropped boxes after allowing glomplayer.

[Moonchild]

Strange. Never seen a single trace of Cloudflare on this website. Like, ever. And I do visit it often.

I was also presented with a turnstile page (it did pass for me, though). Definitely behind CF in "I'm under attack" mode

[back2themoon]

Perhaps geolocation is a major factor with the CF checks you are getting? I assume same-country visitors are treated more... lightly. Makes some sense, I guess.

Anyway.

[adoxa]

This userstyle fixes the height, but they didn't play for me, although it's entirely possible that's just me.

Code: Select all

@-moz-document domain("www.efsyn.gr") {
  .embedcode > div {
    height: calc(45vw * 9 / 16)
  }
}

[back2themoon]

Thank you as always, adoxa. Your fix works and videos play fine (player.glomex.com must be allowed).

Problems arise if you pause the video (by clicking inside the image or via seek bar button), and then try to resume playing. Audio resumes, but video is gone (blank image) and seek bar misbehaves. You have to refresh the page to get it back:

efsyn video.png

Using the seek bar to jump video positions (without pausing it) seems to work better. In any case, your fix is more than good enough.

[back2themoon]

Hi there, adoxa. The above style creates a text overlap here:

https://www.efsyn.gr/kosmos/eyropi/4736 ... -oykranias

overlap.png

Any chance for a quick fix or is it getting too complicated to accommodate both issues? Never mind if it is - thanks.

[adoxa]

Change it from div to div[style*=aspect-ratio].

[back2themoon]

Perfect, thank you.