Here is our down-to-basics approach to it which we use to troubleshoot sites where we have little access with minimal resources and maximum speed.
Update: You might also just use the browser overrides to edit your page HTML.
Update: You can also blocks scripts using the network tab of browser developer tools, but we prefer the HTML code as we can always save some version of it and not loose track of what’s blocked.
Advantage is that it won’t disrupt your site and that you can do these changes on localhost most of the time, so the file editing is very quick.
Disable any JS concatenation or minify.
- Perhaps that already fixes the issue? Let us know what you use and we will post some suggestions to you.
Open the URL where you can see the issue.
Open the page HTML source code (View Source), copy it and save it as a HTML file. Store it on your site like: http://mysite.com/test.html
Now that you have the HTML version of your site ready we can check what script is causing the issues. But first open it and make sure you are able to reproduce the same issue with playback.
Open the HTML in some editor which supports regex well, such as VS Codium
<!--DIS .... END-->HTML comment.
Now remove the
<!--DIS .... END-->HTML comment around jquery.js, jquery-migrate.min.js, fv-flowplayer.min.js, fv_player_pro.min.js.
- Remove the
<!--DIS .... END-->HTML comment around another commented out script.
- Does the video still play? Go back to step 1. in this section. If it doesn’t play, put the comment around that script back and proceed to next script using step 1. in this section.
- If you got to this step, then you have removed almost every HTML comment around almost every script tag and the ones which have to stay commented for our player to keep playing the video are the ones which cause the issue.
Now is a time to look directly at the conflicting scripts.
- Open the URL of the first commented out script, copy the content and paste it to a new