全屏视频打开网站并解散

Question

我想要一个Youtube视频开启器（26秒，淡化为黑色，然后是4秒黑色尾巴），在进入网站时自动播放全屏，并在26秒后溶解到主页。视频是否必须在其自己的页面或主页上才能使解散工作？

Answer 1

您可以在页面上嵌入YouTube视频。使用CSS将其设置为：

position: fixed; left: 0; top: 0; right: 0; bottom: 0; 

您可以使用JavaScript处理计时器，通过过渡处理带有CSS不透明度的淡入淡出（从不透明度开始：1.0然后当您希望它淡入淡出时将其设置为不透明度：0）。

然后在30秒之后你可以有另一个JS计时器来删除它。

Answer 2

您必须删除main.css > #loader中的图片，嵌入视频并将时间更改为26秒。

为了使用Internet Explorer我还必须从#loader更改为#loader:before（我已经使用了内容）。

这是一个很棒的预加载页面，它对我来说非常合适。看看this tutorial。