videojs突然播放报错Playback cannot continue. No available working or supported playlists
video.js 播放器中出现“Playback cannot continue. No available working or supported playlists”错误通常表示播放器无法找到适用的播放列表或流。这个问题通常发生在播放 HLS (HTTP Live Streaming) 或 DASH (Dynamic Adaptive Streaming over HTTP) 流时，可能有以下几个原因：
1. 播放列表问题
- 无效的播放列表 URL：确认播放列表（如
.m3u8或.mpd文件）的 URL 是否正确，且服务器上是否存在这些文件。 - 播放列表格式错误：播放列表文件可能存在格式问题，导致播放器无法解析。检查播放列表文件的语法是否符合 HLS 或 DASH 标准。
2. 文件或流缺失
- 流文件丢失：播放列表引用的媒体文件（如
.ts文件）可能不存在或无法访问。检查流文件是否在服务器上正确存储。 - 文件路径错误：确认播放列表中的文件路径是否正确，相对路径或绝对路径可能导致文件无法找到。
3. 服务器问题
- CORS 配置：如果你在不同的域上加载播放列表或流，确保服务器配置了正确的 CORS (跨域资源共享) 头部，以允许播放器从外部域访问资源。
- 服务器状态：检查服务器是否正常运行，并能提供播放列表和媒体文件。服务器问题可能导致无法加载资源。
4. 播放器配置
- 播放器版本：确保使用的
video.js和相关插件是最新版本。旧版本可能存在不兼容的问题。 - 插件问题：如果使用了额外的插件（如 HLS 插件），确保插件版本与
video.js兼容，并已正确加载。
5. 浏览器问题
- 浏览器兼容性：某些浏览器可能对特定的视频格式或播放列表支持不佳。尝试在不同的浏览器中播放视频，以排除浏览器兼容性问题。
- 缓存问题：清除浏览器缓存并重试。有时缓存可能导致播放器加载旧的、错误的播放列表。
6. 调试与日志
- 浏览器控制台日志：检查浏览器控制台中的错误日志，这些日志通常提供关于加载失败的更多详细信息。
- 网络请求检查：使用浏览器开发者工具检查网络请求，确认播放列表和媒体文件是否成功加载，及其返回的状态码。
7. 示例代码
确保播放器配置正确，例如：
html<!DOCTYPE html>
<html>
<head>
<link href="https://vjs.zencdn.net/7.20.3/video-js.css" rel="stylesheet" />
</head>
<body>
<video id="my-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264">
<source src="http://example.com/path/to/playlist.m3u8" type="application/x-mpegURL">
<!-- Fallback content -->
</video>
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
</body>
</html>
确保 src 属性指向有效的播放列表 URL，并检查 type 是否匹配。
总结
“Playback cannot continue. No available working or supported playlists” 错误通常由于播放列表问题、文件或流缺失、服务器问题、播放器配置不当或浏览器兼容性问题引起。检查播放列表 URL、文件路径、服务器状态、播放器版本、浏览器兼容性等，并通过调试工具获取更多信息来定位和解决问题。
关键字
video.js, 播放错误, Playback cannot continue, 播放列表, HLS, DASH, 文件缺失, 服务器问题, CORS, 播放器配置, 浏览器兼容性, 控制台日志, 网络请求