CDN JW Player return jwplayer is not defined

My index.html

<html lang="pt-br">
    <head>    
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">        
        
        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

        <link href="dist/css/app.9103a809.css" rel="preload" as="style">
        
        <link href="dist/js/app.b808a2e7.js" rel="preload" as="script">

        <link href="dist/js/chunk-vendors.7ae8791d.js" rel="preload" as="script">
        
        <link href="dist/css/app.9103a809.css" rel="stylesheet">

        <!-- JwPlayer JS--> 
        <script src="https://cdn.jwplayer.com/libraries/XXXXX.js"></script>               
    </head>

    <body id="app">
        <script src="dist/js/chunk-vendors.7ae8791d.js"></script>
        <script src="dist/js/app.b808a2e7.js"></script>


        <!-- Bootstrap JS-->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
    </body>
</html>

My component player

<template>
  <div class="mt-1" style="background: #6610f2;">
      <label class="text-white font-weight-bold" style="font-size: 10px;" id="label"></label>
      <div :id="'player_'+player.id_cloud">              
      </div>
  </div>  
</template>

<script>

export default{
  
  props:{
    player: Array,
  },

  mounted(){
    this.playCam(this.player.id_cloud);
  },

methods:{

//Play cam
    playCam: function (idCloud)
    {
      let width = '95%';
      let height = 360;

      //adjust player for mobile access
      let widthScreen;
      widthScreen = screen.width;

      if(widthScreen < 768)
      {
        width = '100%';
        height = 220;
      }
      
      let jwConfig = 
      {
        "autostart": false,
        "controls": true,
        "displaydescription": false,
        "displaytitle": false,
        "height": height,
        "width": width,
        "playlist": [
        {
            "sources": 
            [
            {
              "file": "url/playlist.m3u8",
                "type": "application/vnd.apple.mpegurl"
            },
            ],
            "tags": "",
            "title": "",
            "tracks": []
        }
        ],
        "plugins": {
        "ping": {}
        },
        "preload": "none",
        "liveTimeout": 0,
        "repeat": false,
        "mute": true,
        "stagevideo": false,
        "stretching": "exactfit"
      }; // end config

      jwplayer("player_"+idCloud).setup(jwConfig);
     
      jwplayer('player_'+idCloud).play();
    },
  }
}