Cross-Origin Read Blocking (CORB) blocked cross-origin response

I’m initialising a player like so :

// HTML
<iframe
  class="home__hero__video"
  src="https://player.vimeo.com/video/MYVIDEOIDHERE?background=1&autoplay=0&loop=1&byline=0&title=0"
  frameborder="0"
  webkitallowfullscreen
  mozallowfullscreen
  allowfullscreen>
</iframe>

// JS - webpack + babel
import Player from '@vimeo/player';
class HomeFn {
  constructor() {
    this.initVideo();
  }

  initVideo() {
    const player = new Player(document.querySelector('.home__hero__video'));
    player.on('loaded', () => {
      player.play();
    });
  }
}
export default HomeFn;

And I get this warning in my console :

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://fresnel.vimeocdn.com/add/player-stats?session-id=6382900865a72ab0f6813cecc33d0ebc654a744d1556634198 with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 for more details.

How can I solve this console warning ? Thanks for your help.

[munyah]

@jstortz My site makes use of a carousel that contains multiple vimeo videos. For every instance that is blocked CORB; the body response is empty & as such will not load the videos altogether.

The CORB documentation quoted above by @luwes does state that CORB may replace the body with an empty response in some scenarios.

[rkrishnan8594]

@iit07ajay Can you file a separate issue for this if it’s related to the player.js library?