使用不带 <video> 标签的视频

Question

我的情况很复杂。 我正在尝试在我的大学托管的网站主页上自动播放视频。由于服务器限制，它们不允许我们使用视频标签。如果不违反 Adob​​e Stock 的许可条款，该视频也不能发布到 youtube 或 vimeo。我将视频转换为 .gif，但加载时间很糟糕。 有什么解决办法吗？

CSS

 .banner {
background: url("https://labs.visual.ucla.edu/sallam/files/view/AdobeStock_123017893.gif");
background-size: 100% 100%;
height: 50vh;}

.title {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
color: white
}

HTML

<div class="row">
<div class="banner">
<div class="title">
  <h1 style="text-align: center;">
    Looking Inside an Enemy&#39;s Playbook
  </h1>
</div>

Answer 1

限制可能是在服务器上托管视频，而不是在网站中使用 html5 视频标签。

视频会占用大量空间，如果您想正确地进行流式传输，通常需要专业的流式传输服务器。

您将视频托管在一个单独的网站上并在您的网站上嵌入一个指向它的链接的想法是有道理的，尽管如果这确实是一个限制，嵌入式代码可能会使用视频标签。

Vimeo 和其他服务通常会为您想要保密并限制访问的视频提供付费解决方案，并且通常还会提供 DRM 保护 - 您可能会发现这可以让您满足内容所有者要求的条款。