FacetWP not working with FV Player

[Solved]

Michael 1 year ago

Hi,

We have created a page on our site to display several videos on a single page using the FV player shortcode.

We have added a feature to filter these videos by certain parameters.

Whenever we apply any filter on the page, the videos are displayed dynamically and after a few seconds we get an error on the video saying “Admin javascript warning”. If we refresh the same page with the applied filters, the videos are loaded fine. This only happens on the first load of the videos after applying filters on the page.

I checked this page as a guest user and the same issue occurs, the videos keep loading but do not play after we apply any filters.

We are not using any JS minification or concatenating JS files on our site.

The page – https://dharmasun.shedrubdev.site/explore-all-sessions/

Screenshot of the warning after filtering – https://prnt.sc/kd4NRkHdW8rH

Please let us know how we can fix this issue.

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

Martin 1 year ago

Hello Michael,

Each new player has to be initialized and FV Player has no way of knowing that a new player has been inserted into the page.

In your case it seems you are using some Face WP plugin which uses fetch() for these Ajax requests. So maybe there’s a way we could support that too – we do support Ajax of jQuery.

We have published some general recommendations here: https://foliovision.com/player/developers/dynamic-content-loading#events

Please let us know if it makes sense, if you have a programmer working on your website it should not be a problem.

Thanks,
Martin
Michael 1 year ago
Hi Martin,

Thank you for your response.

I have used the dynamic loading event code mentioned in the document you shared.

The following worked for us:
```
document.addEventListener( 'facetwp-loaded', function(){
  setTimeout( fv_player_load, 100 );
});
```
The videos are now loading after applying filters.

Thanks for the support.

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