lazy frame tag blocking vimeo thumbnail

evensenj

I have a vimeo video embedded on the home page from a module. I have copied the embed code directly from vimeo into the module. In vimeo I have a thumbnail set up. When displaying the home page the thumbnail is absent. When I inspect it, there is a class attached called lazyframe. Vimeo support claims this is the problem. I'm guessing the lazy loading it stopping the thumbnail.

I've tested their code on codepen and it works fine.

Anything we can do to fix this?

dominic

Hi evensenj
To show the iframe, you need to go to Backend > Systems> Plugins. Find the plugin called Editor-TinyMCE and click on it. When the settings page opens, find the text field that is called Prohibited Elements. You will see – script,applet,iframe – written inside the box. Delete iframe from this box so that the final text reads: script,applet.

I have helped you delete this, you can embed the iframe now. Also, I have added the demo iframe module, with a vimeo video, and tested it on your site.

evensenj

Well I tried it again and its still not showing the thumbnail.

You can see it here: https://staging.erhop.org/index.php/en/test-video
This page has both vimeo videos, the one you set up and mine.

In discussion with Vimeo they said the thumbnail from the video you linked to has a poor quality image and I'm guessing that is part of the lazy load process.

evensenj

Solved it! It was a piece of Route66 - the Google Page Speed function that was interfering! Disabled that function and the thumbnails started working!