首页 > 解决方案 > Vimeo 视频 - HTML5 标记内的自动质量

问题描述

我有一个 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

ETC

最终,我的 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 嵌入获得了 AutoMode 设置

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

例如,如果您想将嵌入默认为 1080p,您可以添加:https ://player.vimeo.com/video/157588560?quality=1080p

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

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

标签: videovideo-streaminghtml5-videovimeo

解决方案


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

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

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


推荐阅读