使用 videojs 从 Dropbox 播放视频文件

Question

我正在使用 videojs 播放 Dropbox 中的视频文件

它运行良好，但某些视频文件无法播放，似乎是随机播放。所有视频文件都是带有 aac 音频的 h264，所以我真的很困惑可能导致问题的原因。到目前为止，我唯一能想到的是，有问题的视频通常文件大小更大，分辨率和比特率更高。一些用户报告说，当不从 Dropbox 提供文件时它可以工作，但我无法确认这是否是 100% 的时间，以圈出 Dropbox 作为原因。

Dropbox 在链接末尾有 ?dl=1 和 ?raw=1 标志。有谁知道我应该使用哪一个？我第一次使用 raw，但现在切换到 dl 看看它是否效果更好。

Dropbox url 中似乎涉及重定向，这与它有什么关系吗？如果使用 ?dl=0 标志，视频会在 Dropbox 自己的 videojs 播放器上播放，这让它更加陌生。

这是我见过的两个错误：

加载资源失败：服务器响应状态为 403 (HTTP/2.0 403)

...

VIDEOJS: 错误: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) 媒体可以 没有被加载，要么是因为服务器或网络失败，要么是因为 格式不支持

Answer 1

您的“403”错误代码状态太笼统，无法猜测潜在问题可能是什么，因为至少有 20 个子代码（403.nn 值） 对于 403，每个都有自己的特定原因。对于所有不同的列表 403.nn 代码，请参阅此处的列表：https://en.wikipedia.org/wiki/HTTP_403

我一直在走这条路（参考 html5 的基于云的视频文件，以及 videojs 查看器），我也遇到了各种错误和问题 使用 H.264 视频编解码器。

（我碰巧使用 Google Cloud Platform 来托管我的视频文件，而不是 Dropbox，但我敢打赌，您选择使用哪个云服务不是 与您的问题相关。）

幸运的是，我首先在本地使用 H.264 视频编解码器文件进行了测试 从我们的网络服务器在我进入下一步放置我的视频之前 文件到云存储。我学到的一件重要事情是，当 使用 H.264 编解码器并在 Windows 下的 Chrome 浏览器中运行，即 播放“主要工作”，但不够生涩，无法接受。 （在所有其他浏览器中，H.264 渲染得很好。）底线......它成为我的“展示停止器”，因为在我的视频文件中使用 H.264 作为视频编解码器，因为 Chrome 似乎是最常用的浏览器，用于查看网页。

[ Google Chrome 不能可靠地呈现 H.264 似乎令人惊讶。但请记住，谷歌/Chrome 已经威胁要完全放弃 H.264，尽管我是 怀疑他们会走那么远。我关于他们为什么不支持的“理论” H.264 好，是他们一直在努力推动行业采用 他们为视频编解码器选择了 VP8/VP9。 ]

长话短说，在使用 VP8 视频编解码器和 我的文件中相关/推荐的“vorbis”音频编解码器，我发现 唯一不支持 VP8 的主要浏览器是 Microsoft 的浏览器 （即“IE”和他们更新的“Edge”浏览器，我愿意活下去 在我的 webapps 中不支持 MS 的浏览器。）

底线：我现在使用 videojs 作为查看器，使用 VP8/Vorbis 作为我的编解码器 我网页上基于云的视频文件，一切都在渲染 '如丝般光滑'。

[ 至于转码到 VP8/Vorbis 的工具，我使用的是 cmd-line 工具“FFmpeg”。一旦我熟悉了它的命令行语法，我就找到了 成为功能最丰富的转码工具！ （在此之前， 当我还在使用 H.264 时，我正在通过它的 cmd-line 使用“vlc”进行转码。而且，我还发现，对于基于 GUI 的转码器， 手刹工具工作正常。）]

关于您的“错误：（代码：4 MEDIA_ERR_SRC_NOT_SUPPORTED）”，返回代码 确实意味着给定的浏览器不支持您的视频 或音频编解码器。 （你没有提到你使用的是什么浏览器和平台 当时，我很好奇你在测试什么浏览器和平台，什么时候出现错误。）

希望这会有所帮助。