如何播放多种分辨率的 HLS 视频？
我的 HLS 球员名单。
文件名：test.m3u8
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-INDEPENDENT-SEGMENTS
#EXT-X-STREAM-INF:BANDWIDTH=1239627,AVERAGE-BANDWIDTH=1239627,CODECS="avc1.77.30,mp4a.40.2",RESOLUTION=640x360,FRAME-RATE=29.970
test_360.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=2361685,AVERAGE-BANDWIDTH=2361685,CODECS="avc1.4d401f,mp4a.40.2",RESOLUTION=960x540,FRAME-RATE=29.970
test_540.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=3436127,AVERAGE-BANDWIDTH=3436127,CODECS="avc1.4d401f,mp4a.40.2",RESOLUTION=1280x720,FRAME-RATE=29.970
test_720.m3u8
如何在我的 React 应用程序中执行此操作？我尝试使用 Video JS，但无法播放该文件。 请告诉我如何播放此视频。