我想打开一个m3u8视频（最好是其他视频类型以及）在一个Angular 的网络应用程序。（或离子Angular ）。
我尝试了像这样的html视频元素（也尝试了一些其他类型或它们的组合）

<video [poster]="video.thumbnail" controls preload="none" playsinline>
<source [src]="video.url" type="application/x-mpegURL">
<source [src]="video.url" type="application/vnd.apple.mpegurl">

这给了我这个错误（实际上它看起来像一个警告，但它是唯一的东西）在铬，甚至没有看起来像它甚至试图加载视频：

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://*my video url* with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

然后我尝试使用video.js。我的组件：

declare var videojs: any;
...
videoJSplayer = videojs(document.getElementById(id));

并将这些内容添加到index.html中：

<link href="//vjs.zencdn.net/7.0/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/7.0/video.min.js"></script>

它得到了修复，并在所有的桌面浏览器（和chrome移动的模拟）和iPhone（safari），甚至android Firefox中运行良好，但仍然给我同样的错误android chrome，而这次陷入无限加载循环。
我也尝试了其他问题中建议的iframe，但它没有工作，因为我没有访问源代码和'X-Frame-Options'是'sameorigin'。
看起来我需要一种方法让它明白这不是一个文本而是一个视频。如果有人能给予一些关于我做错了什么的想法，或者建议另一个解决方案，我会很感激。我的@angular/cli版本是14.2.6（和离子6）