problem of displaying the thumbnail of videos

Hi herve,

Can you please provide a link to the page with the issue? The iframe facades work only with Youtube and Vimeo videos at the moment. If you are not using those services you can safely disable that feature.

Regards

What kind of problems does disabling this causes? The video should work fine even without Route 66 on your site.
In any case, this has nothing to do with the Joomla version. It has to do with the specific video which for some reason does not provide the standard definition thumbnail. I guess that if you use a different video it will display with no issues. Can you please try?

Regards

Hi,

I don't understand the difference between the Joomla 4 media/video iframes. I don't see any difference between Joomla 4 and Joomla 3. At the end it's just an iframe on your page.
Can you please clarify how it works with the other plugin?

Route 66 builds the thumbnail URL in file plugins/system/route66pagespeed/route66pagespeed.php on line 294:

$thumbnail = 'https://img.youtube.com/vi/' . $id . '/sddefault.jpg';

Try to change this line to the following code:

$thumbnail = 'https://img.youtube.com/vi/' . $id . '/hqdefault.jpg';

This should fix the issue and you should have thumbnails for all videos. If not please let me know.

Regards

Hi,

This has nothing to do with the version of Joomla. Youtube does not provide always all the sizes for images for all videos. It has to do with the videos.
I will try to find a solution. Thank you for reporting this.

Regards

Hi,

No unfortunately this change was not added in the release. The reason is that this worked for some videos but stopped others from working.
As I wrote in a previous answer not all videos have all the thumbnails size. So I have kept the sddefault.jpg which seems to be the size that most videos have.

Regards

Hi,

Route 66 should work fine with PHP 8.1 If you face any issues please let me know.

I made some updates so lazyload works for all videos.
You can download the development version from https://www.dropbox.com/s/hjylj4tp8macclz/pkg_route66-master.zip?dl=1

Please let me know if that works for all videos now.

Regards

I am not trying to solve the conflict with the other plugin.
The update I sent you should fix the blank thumbnails issue. Now all videos should have thumbnails.

Plugins like ochFitvids will never work with videos lazy load of Route 66.
The reason is that lazy load is replacing the iframe element with a div until user clicks on it.

You need to choose one of them.

Just see how the page you sent me performs in Google PageSpeed Insights: https://pagespeed.web.dev/report?url=https%3A%2F%2Fonlinecommunityhub.nl%2Fdocumentation%2Fochfitvids-content-plugin
And compare this to a page of our site which is using videos lazy load: https://pagespeed.web.dev/report?url=https%3A%2F%2Fwww.firecoders.com%2Fjoomla-extensions%2Fshowtime-image-gallery

The speed of the page is an SEO ranking factor. That's why we added lazy load to Route 66. And as you saw the results are great!

It's 2022 you don't need a plugin to make your videos responsive. You can do it with a bit of CSS in your template using the aspect-ratio rule:

iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: none;
}

I hope this helps.

Regards

That's great. Please let me know if you need help.

Regards