I have problems with my local MVC application (website), I am using Lubuntu 18.04 and apache and PHP. I have m3u8 files for HTTP Live Streaming. This is my .htaccess file :

Header set Access-Control-Allow-Origin "*"
AddType application/x-mpegURL .m3u8
AddType video/MP2T .ts
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !\.(mp3|php|css|js|png|jpg|jpeg|gif|ttf|woff|woff2|eot|mp4|webm|txt|m3u8|ts|M3U8|TS|manifest)$
    RewriteCond %{REQUEST_URI} !-f
    RewriteCond %{REQUEST_URI} !-d
    #RewriteCond %{REQUEST_URI} !-l
    RewriteRule ^(.*)$ index.php?url=$1 [QSA,L]
</IfModule>
# BEGIN GZIP
<ifmodule mod_deflate.c>
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE  image/jpeg
  AddOutputFilterByType DEFLATE  image/jpg
  AddOutputFilterByType DEFLATE  image/png
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
</ifmodule>
# END GZIP

This is my php file for the video js hls player :

...
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
      <script type="text/javascript">
        var player = videojs('my-video');
        player.src({
          src: "<? echo $this->url('').'src/app/views/courses/0f5f49dd1829099d48105b3fee7c150e/video3.m3u8'; ?>",
          type: 'application/x-mpegURL'
        });
        player.play();
</script>
...

This is my console in firefox 74: enter image description here

The m3u8 file is loaded in the page : enter image description here

I hope that someone has the solution, thank you.