Working solution: AWS with WordPress 3.6 native audio

dimmy1985

(@dimmy1985)

Was struggling with this. Think I came up with the solution:

Via the usual inserting before in ajaxify.js $body.removeClass(‘loading’):

cssNode = document.createElement('link');
contentNode.appendChild(cssNode);
cssNode.type = "text/css";
cssNode.rel= "stylesheet";
cssNode.href = rootUrl + 'wp-includes/js/mediaelement/mediaelementplayer.min.css?ver=2.13.0';

cssNode = document.createElement('link');
contentNode.appendChild(cssNode);
cssNode.type = "text/css";
cssNode.rel= "stylesheet";
cssNode.href = rootUrl + 'wp-includes/js/mediaelement/wp-mediaelement.css?ver=3.9.1';

scriptNode = document.createElement('script');
contentNode.appendChild(scriptNode);
scriptNode.setAttribute('src', rootUrl + 'wp-includes/js/mediaelement/wp-mediaelement.js?ver=3.9.1');

scriptNode = document.createElement('script');
contentNode.appendChild(scriptNode);
scriptNode.setAttribute('src', rootUrl + 'wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=2.14.2');

It seems to work, but I’m not sure if it’s the best way.

If anyone can suggest another/better way, or if I messed something up, let me know.

https://wordpress.org/plugins/ajaxify-wordpress-site/

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author Manish Kumar Agarwal
(@manishkrag)

9 years, 9 months ago

Thanks 🙂

Plugin Author Manish Kumar Agarwal
(@manishkrag)

9 years, 9 months ago

Replace below code

scriptNode = document.createElement(‘script’);
contentNode.appendChild(scriptNode);
scriptNode.setAttribute(‘src’, rootUrl + ‘wp-includes/js/mediaelement/wp-mediaelement.js?ver=3.9.1’);

scriptNode = document.createElement(‘script’);
contentNode.appendChild(scriptNode);
scriptNode.setAttribute(‘src’, rootUrl + ‘wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=2.14.2’);

By

$.getScript(rootUrl + ‘wp-includes/js/mediaelement/wp-mediaelement.js);
$.getScript(rootUrl + ‘wp-includes/js/mediaelement/mediaelement-and-player.min.js);

Thread Starter dimmy1985
(@dimmy1985)

9 years, 9 months ago

Should we use $.getScript to replace the advice given on http://www.youngtechleads.com/my-js-events-are-not-calling-after-loading-the-page-using-ajax/?

Plugin Author Manish Kumar Agarwal
(@manishkrag)

9 years, 9 months ago

yes, I’ll update there as well

Thread Starter dimmy1985
(@dimmy1985)

9 years, 8 months ago

This solution doesn’t work anymore in WordPress 3.9.2.

I tried both the $.getScript and scriptNode variants.

Currently on scriptNode.

Test site. Go to Music Test on the top menu.

Plugin Author Manish Kumar Agarwal
(@manishkrag)

9 years, 8 months ago

I can see there only slider.

Are you saying that [video] shortcodes are not working or something else?

Thread Starter dimmy1985
(@dimmy1985)

9 years, 8 months ago

There’s a link in the navigation menu which says “Music Test” on the top right of the screen. If you’re viewing the responsive version through a tablet/phone, it’ll be via the menu icon at the top right.

It’s WordPress’s native [audio] shortcode which isn’t working. It was working with 3.9.1 and the previous version of AWS via the solution I posted above.

Plugin Author Manish Kumar Agarwal
(@manishkrag)

9 years, 8 months ago

Ok i’ll check and try to findout some solution

parioni8
(@parioni8)

9 years, 7 months ago

Any solution?

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Working solution: AWS with WordPress 3.6 native audio’ is closed to new replies.