Now I can't get MP3 audio player to work in a Lightbox

[Dan]

I’m trying to get the MP3 audio player to work. If I embed it directly on a page it seems fine, but if I try to make it pop up a lightbox from a text link all I get is a tiny box and a [x], no vissible player.

I set up a test page at: [https://dantappanmusic.com/test-lightbox-page/]

The shortcodes on that page are:

[wp_lightbox_ultimate_embed_audio url=”https://dantappanmusic.com/wp-content/uploads/2017/01/Potatoes-in-April-demo_1.mp3″ width=”300″ height=”30″ autoplay=”false” direct_embed=”1″ anchor_type=”” text=”” source=””]

[wp_lightbox_ultimate_embed_audio url=”https://dantappanmusic.com/wp-content/uploads/2017/01/Potatoes-in-April-demo_1.mp3″ width=”300″ height=”30″ autoplay=”true” direct_embed=”” anchor_type=”text” text=”(Lightbox Audio – demo recording)” source=””]

The first works, the second doesn’t

I tried disabling some plugins to get rid of a few console errors but it made no difference.

I checked to make sure the are no jquery.js conflicts

[wpCommerce]

Hi, Your theme seems to be including a very old version of the fancybox library.

<script type=’text/javascript’ src=’https://dantappanmusic.com/wp-content/themes/customizr/inc/assets/js/fancybox/jquery.fancybox-1.3.4.min.js?ver=3.4.38′></script&gt;

This is causing a conflict with our fancybox script. Is there a way to disable it in your theme settings?

[Dan]

Thanks: I will contact the theme developer. Can you tell me what the current version is?

[Dan]

I just checked the fancybox website: [http://fancybox.net/changelog/]

and v1.3.4 is the latest version available. There is a fancybox2 version 2: [http://fancyapps.com/fancybox/]

Is that what your plugin requires?

[wpCommerce]

We are using fancybox 2 in the plugin. So any other fancybox script cannot be included on the same page. Otherwise there will be a JavaScript conflict.

[Dan]

Ok. I found a way to disable the built in Lightbox in the theme, so it no longer loads Fancybox.

The popup audio player is almost working except for the fact that the “autoplay” option seems to have no effect. I have to click the play button after the player pops up.

The test page is still: [https://dantappanmusic.com/test-lightbox-page/]

The shortcode is:

[wp_lightbox_ultimate_embed_audio url=”https://dantappanmusic.com/wp-content/uploads/2017/01/Potatoes-in-April-demo_1.mp3&#8243; title=”demo recording” direct_embed=”0″ width=”300″ height=”30″ autoplay=”true” anchor_type=”image” source=”https://dantappanmusic.com/wp-content/uploads/2017/01/mp3-icon-icon.png”%5D

I have enabled HTML5 on the settings page (because it told me to) and have enabled autoplay in that section of the settings.

BTW: when I view source, I notice that it appears to be using Flash for the popup player. Is this related to the problem? Why isn’t it using HTML5 (given that it required that the HTML5 option be enabled). Is the use of Flash going to be a problem with newer browsers?

I am using Chrome as the browser when I test this.

[wpCommerce]

If you open your browser console you will see this error:

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

This bug has been reported here:

https://bugs.chromium.org/p/chromium/issues/detail?id=593273

We have just released an update to get around this issue. Please load a fresh copy of the plugin and see how it goes:

https://support.tipsandtricks-hq.com/forums/topic/re-install-or-load-a-fresh-build-of-the-plugins

[Dan]

Thanks – will I get an automatic “upgrade available” notification from WP for this plugin (as I do for other plugins) or do I need to track it by hand?

[wzp]

You must keep track of the updates yourself. Please read our update policy:

https://support.tipsandtricks-hq.com/forums/topic/how-and-when-do-you-get-an-update

[Author]

Posts