ARVE embed too high and thumbnail does not fit for upcoming live videos
Tried with default theme: Yes
Tried with all other plugins disabled: Yes
Browser version: Chrome 88.0.4324.96 and Firefox
Shortcode/URL with the issue: https://youtu.be/njiv6PfeiXs
When embedding an upcoming live-video with arve the video size is to high (looks like 4:3 and not 16:9) and the thumbnail is not scaled down to a width of 100%.
'title' => 'Immer noch wach – Buchpremiere und Werkstattgespräch mit Fabian Neidhardt – live', 'author_name' => 'literaturcafe', 'author_url' => 'https://www.youtube.com/user/literaturcafe', 'type' => 'video', 'height' => 375, 'width' => 500, 'version' => '1.0', 'provider_name' => 'YouTube', 'provider_url' => 'https://www.youtube.com/', 'thumbnail_height' => 360, 'thumbnail_width' => 480, 'thumbnail_url' => 'https://i.ytimg.com/vi/njiv6PfeiXs/hqdefault.jpg',
ARVE shows the video based of data YouTube provides. If its 4:3 that is what YouTube provides. I can’t do anything about it. And the thumbnails are displayed with CSS “object-fit: cover;” I guess that is what you mean my not 100%. You can change that to contain or your preference, but it will end up with whitespace. I won’t change it just for this case. But this in your WP customizer CSS section and see if you like it better.
#html .arve-thumbnail {
object-fit: contain;
}
You can of course just set the ratio to 16:9 ahead of time if you know the video will be. That probably will fix the thumbnail anyway now that I think about it. Not sure why they report the video as 4:3, ahead of time. Take it up to them, good luck though 😉 16:9 would be a better default for 2021 for sure, maybe there is some YT setting connected to it, I do not know.