Reply To: iFrame overlay erring looking for an image?

Your Account / Forums / Easy FancyBox Pro / iFrame overlay erring looking for an image? / Reply To: iFrame overlay erring looking for an image?

August 11, 2017 at 11:21 pm #8505

Hi Michael,

Viewing the message “The image could not be loaded” in the browser developer tools, it seem to be coming from the Magnific Popup plugin.

Not sure why that script would fire upon clicking that link but you could you test by disabling that popup plugin to see if the message disappears. Next step would be to figure out why that popup script would be called at all here…

About playing video inside the light box: in itself the light box script is not a media player, but it woud be indeed a nice feature to have an integrated video player. I’ll consider it for a next release.

In the mean time, you could consider two different approaches:

1. Link directly to the media file and let each visitor browser figure out what to do with the m4v format. It would look like this in the Text tab when editing the page:


<a class="fancybox-iframe" href="https://www.dfstudio.com/wordpress/wp-content/uploads/2017/07/video-playback.m4v">( Click HERE to view demo )</a>

2. Alternatively, instead of embedding a video on a separate page, you could embed the video in the page itself. Then hide it from view and call in fancybox as inline content.

When editing the page in the Text tab it might look like something this:


<a class="fancybox-inline" href="#video-playback">( Click HERE to view demo )</a>

<div class="fancybox-hidden">
<div id="video-playback" style="width:960px;height:505px">
"https://www.dfstudio.com/wordpress/wp-content/uploads/2017/07/video-
</div>
</div>

Note that the class of the link changed to “fancybox-inline” in this second example.