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

时间:2019-02-08 17:37:37

标签: video gif

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

1 个答案:

答案 0 :(得分:0)

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

视频会占用大量空间,要有效地流式传输视频,通常需要专业的流式传输服务器才能正确处理。

您的想法是将视频托管在一个单独的站点上,然后仅将其嵌入到您的站点中,这是有道理的,尽管如果确实有限制,嵌入式代码可能会使用video标签。

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