时间戳

首页 > 解决方案 > 不使用视频

video - 不使用视频

问题描述

我的情况很复杂。我正在尝试在我的大学托管的网站主页上自动播放视频。由于服务器限制，它们不允许我们使用视频标签。如果不违反 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>

标签： videogif

解决方案

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

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

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

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

推荐阅读