android设备angular11中的Video.js视频播放问题

问题描述

我正在处理 angular 11 项目。我已经集成了用于视频播放的 videojs 库。 视频在网络浏览器上播放正常。但不能在安卓设备上播放。 我在此处为此问题创建了一个示例链接 Demo

谁能给我推荐一个适用于安卓的解决方案? 任何帮助将不胜感激。

解决方法

您有一个带有 HLS 源的视频元素。 Android 可以原生播放 HLS,但效果不佳。由于在初始化 Video.js 时源已经加载,因此不会重新加载源。如果您确保源仅在初始化后加载,那么它将使用 Video.js 的 http-streaming/MSE 播放。

一种选择是使用 <video-js> 元素而不是 <video>。另一种方法是删除 <source> 并使用 player.src() 加载它。