Tengo problemas con mi aplicación MVC local (sitio web), estoy usando Lubuntu 18.04 y apache y PHP. Tengo archivos m3u8 para HTTP Live Streaming. Este es mi archivo .htaccess :

 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

Este es mi archivo php para el 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> ...

Esta es mi consola en firefox 74: ingrese la descripción de la imagen aquí

El archivo m3u8 se carga en la página: ingrese la descripción de la imagen aquí

Espero que alguien tenga la solución, gracias.