Vimeo 视频 - HTML5 标记内的自动质量

Posted 2023-05-07

【中文标题】Vimeo 视频 - HTML5 标记内的自动质量

【英文标题】：Vimeo video - Auto Quality within HTML5 tag

【发布时间】：2019-05-12 21:58:52

【问题描述】：

我有一个 Vimeo Pro 帐户，它比简单地嵌入 Vimeo 文件更进一步。

相反，我们提供了一系列 MP4 文件（我们的视频），这使我们能够在 html5 视频标签中使用这些文件

高清 1080（mp4，1920x1080） https://player.vimeo.com/external/1234.hd.mp4?s=4e75e5141ebd0acfd4ac6afad743e43af58c7770&profile_id=175

高清（mp4，1280x720） https://player.vimeo.com/external/1234.hd.mp4?s=4e75e5141ebd0acfd4ac6afad743e43af58c7770&profile_id=174

标准分辨率（mp4、960x540） https://player.vimeo.com/external/1234.sd.mp4?s=c2831c9383e9510d4e1120242fef4a2b0270e9b8&profile_id=165

等

最终，我的 HTML 看起来像这样

<video style="display:none;" muted playsinline id="backgroundvid">
<source type="video/mp4" src="https://player.vimeo.com/external/1234.hd.mp4?s=4e75e5141ebd0acewrwerwerewr&profile_id=123">
</video>

这里的问题是，指定硬连线的质量设置意味着我们的视频没有自适应比特率设置。

奇怪的是，传统的 Vimeo 嵌入获得了自动模式设置

Vimeo 上的所有视频都默认为自动模式，该模式会选择最佳质量 每个观众的播放环境的视频。 Vimeo Plus、PRO 和 业务成员可以将嵌入视频默认为特定质量 通过将质量参数添加到播放器 URL 的末尾 嵌入代码。

例如，如果您想将嵌入默认为 1080p， 你会添加：https://player.vimeo.com/video/157588560?quality=1080p

您可以使用与号 (&) 组合多个 URL 参数。为了 例子： https://player.vimeo.com/video/157588560?autoplay=1&quality=1080p

谁能告诉我如何使用直接 MP4 链接并将其设置为自动模式？ 谢谢

【参考方案1】：

除了直接的 mp4 链接，Vimeo 还提供HLS 链接，用于自适应视频质量播放。

您可以在可以找到直接 mp4 链接的同一部分中找到 HLS 链接（查找“HTTP Live Streaming”）。

在此处查看 Vimeo 的直接视频文件链接文档：https://help.vimeo.com/hc/en-us/articles/224823567-Third-party-player-links

【讨论】：

嗨，汤米。我确实看到了指向 HTTP 实时流媒体链接的直接链接。但是，当我将此添加到我的 html 5 源代码时，它不会返回任何视频。

查看这个关于使用带有 HTML 视频标签的 HLS 链接（.m3u8 文件）的 SO 查询（请注意，它已经有几年历史了，所以您可能想寻找更多最近的答案或其他资源）：***.com/q/19782389/3704546