Here is the fucntion .

function add_cfasync_attribute($tag, $handle) {
   // add script handles to the array below
   $scripts_to_cfasync = array('jquery-core','flowplayer');
   
   foreach($scripts_to_cfasync as $async_script) {
      if ($async_script === $handle) {
         return str_replace(' src', ' data-cfasync="false" src', $tag);
      }
   }
   return $tag;
}
add_filter('script_loader_tag', 'add_cfasync_attribute', 10, 2);

What it does is add (data-cfasync=”false”) to Jquery and flowplayer.min file so they pass though cloudflare rocketloader.

What I am trying to do here is to bypass Cloudflare rocketloader for those files so video players loads and and auto plays video right aways, and rest page can be loaded with rocketloader.

The issue is when I enable rocketloader on enitre site, the video player wont play until the entire page has loaded, and if I stops the clouddflare the video player loads fasts, but other content on page gets slow, so I am just trying to find a way where I can bypass ROcketLoader for flowplayer so It stays fast,

What I am trying to do is to use cloudfalre RocketLoader on entire site and all JS files, But since Flowplayer loads at the end of the page, I want to use data-cfasync=”false” for Flowplayer, so It doesnt go though clodufalre RocketLoader.

I wrote a function which adds data-cfasync=”false to id=flowplayer-js> (../fv-wordpress-flowplayer/flowplayer/fv-flowplayer.min.js)

I can see in console that it does not go though Cloudflare RocketLoader, But then the video Player Breaks and gives Uncaught ReferenceErrors pointing to file fv-flowplayer.min.js.

On searching I found jQuery needs to go first, so I have added data-cfasync=”false” to (..js/jquery/jquery.min.js’ id=jquery-core-js ) File.

I am not sure If I am able to explain the issue. But all I want is to have cloudflare rocketloader on all site, but not on video player, so it plays/loads videos fast. With Rocketloader its slow as it has to wait for the entire page to load.