[JackKeymaster]

Hi there,

Thanks for writing back!

Could you let me know the exact Chrome version number you’re using please? I’d like to compare Chrome versions and see if there’s any bugs or issues preventing this from working correctly.

Thanks!

[Pink ZParticipant]

Mac OS 10.11.2
Chrome 50.0.2661.86 (64-bit)

My friend who was also testing for me found that your changes fixed the issue for him. I’ve tried the page on 2 computers and have the same problem as before. 🙁

Thank you for being so helpful.

[RadModerator]

Hi there,

It’s working fine on my end, the preload=”none” is applied. Could it be related to cache, please try chrome’s incognito.

Then please let us know the result.

Thanks!

[Pink ZParticipant]

I tried incognito and still it didn’t work. I’ve now tried it on 4 different Macs with Chrome and all of them function the same way – the audio files are all preloading in chronological order and they won’t play until they have started to preload.

It’s so frustrating because I see how beautifully it works in FireFox and Safari and the potential for The Grid is so great. I need it to work in Chrome 🙁

[RadModerator]

Hi there,

That’s weird, it works on my El Capitan’s Chrome. And not I like to try it again but your site is down.

Error establishing a database connection

Thanks!

[Pink ZParticipant]

Sorry, my hosting service provider had some major problems on Friday but now everything is back up and running. If you would please check it out again to see if it works for you I would really appreciate it.

Thanks!

[RadModerator]

Hi there,

I’m able to reproduce it this time. I did some search and it’s specific to Mac. The preload=”none” is ignored, please try this code

jQuery ( function($) {

function no_preload () {

     $('audio').prop('preload','none');
     $('audio').prop('autobuffer',false);

}

no_preload();
$( window ).load ( no_preload );
$( document ).ready ( no_preload );

} );

Let me know, thanks!

[Pink ZParticipant]

Bummer, it still didn’t work. Same results as before. 🙁

Thanks so much for helping me try to troubleshoot this problem! I really appreciate it.

Should I have used ALL of this code?

jQuery ( function($) {

function no_preload () {

setTimeout( function() {

     $('audio').prop('preload','none');

}, 300 );

}

no_preload();
$( window ).load ( no_preload );
$( document ).ready ( no_preload );

} );

jQuery ( function($) {

function no_preload () {

     $('audio').prop('preload','none');
     $('audio').prop('autobuffer',false);

}

no_preload();
$( window ).load ( no_preload );
$( document ).ready ( no_preload );

} );

Or just the newest part that you suggested in your last post?

I tried it both ways.

[RadModerator]

Hi there,

It’s completely ignored by Mac’s chrome. The only solution now is to stop them from playing.

jQuery ( function($) {

function no_preload () {

  setTimeout( function() {
     
    $('audio').prop('preload','none').each ( function() {
       
       $(this).get(0).stop();
       
     } );
    
  }, 300 );

}

no_preload();
$( window ).load ( no_preload );
$( document ).ready ( no_preload );

} );

Please try changing your code to this. I like to try it, but every time I load the music page, the site stops loading. Hence, can’t do changes over and over.

Thanks!

[Pink ZParticipant]

Unfortunately the same problem exists with the new code 🙁

What is the deal with Mac Chrome ignoring the preload instructions?

[ChristianModerator]

In that case, I’ll forward this to our development team for further investigation. Please stay tuned.

Thanks.

[JackKeymaster]

Hi there,

Thanks for your patience on this. We’ve contacted The Grid developers and they’ve responded with the following:

This issue is a Chromium bug which was identified some times ago (https://bugs.chromium.org/p/chromium/issues/detail?id=593273) and which triggers this error:
Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

It can be solved, depending of the number of audio/video players on the page, by forcing preload to none (instead of auto depending of the browser).
By modifying the file the-grid/frontend/the-grid-element.class.php on line 1087 (The Grid v1.5.0):

$output = '<div class="tg-item-media-inner'.esc_attr($class).'">';

by this:

$output = '<div class="tg-item-media-inner'.esc_attr($class).'" preload="none">';

It will improve this behaviour but not completely fix this issue because it’s related to Google Chrome.

Please note that modifying core plugin files will be overwritten on a plugin update.

Thank you!

[Pink ZParticipant]

This will be awesome if it works! I tried a few times over the weekend to find the correct file to edit and I’m having trouble. I have attached an image of what I see in the the-grid/frontend/ folder.

My version of The Grid is 1.4.0, and I see your instructions are for 1.5.0. Within my WordPress dashboard I don’t see that I can update The Grid to anything newer. I’m using 4.4.2 of X.

What do you suggest? Thanks!

[RahulModerator]

Hi,

Would you mind trying a manual update?

You can get the newest version of The Grid by downloading all files from envato.

Thanks

[Pink ZParticipant]

I just downloaded the newest version of X from Envato and the version of The Grid that came with it appears to be 1.4.0 still. I do not see the file, the-grid-element.class.php. I checked all of the files I do have in the frontend folder and none of them have the code that I need to replace. What do you suggest?

[Author]

Posts