Product videos not appearing on mobile

Hi Booster,

I love this plugin. However, when I replace the product images with a product video, then it doesn’t appear on mobile. Here’s a video showing exactly what’s happening:

https://www.youtube.com/watch?v=GFZd89tpkSk

This happens specifically on an iPhone on every browser (mobile Safari, Chrome, Firefox), but I have not tried it with an Android phone yet. The phone plays the videos on other areas of my website, so I can assume that the issue is with the Booster plugin. I also was able to recreate the bug using both Vimeo and native HTML5 video embeds.

In addition, I don’t have any errors if I only use an IMG tag or a text string. So it’s only with video (which probably means it’s the iFrame).

One solution I’ve found is at 0:38 in the video link above – when I add an extra closing </div> then the product video will appear, but then that extra <div> will break the layout of my website. But at least that tells me that the video is appearing.

I don’t think I have any broken code or extra <div>s on my webpage. So I’m not sure exactly what’s causing it.

Any help?

The page I need help with: [log in to see the link]