Question

我一直在寻找这些问题的解决方案。基本上，我之前从未使用过bootstrap（或CSS），并且已经在线购买了模板：http://wrapbootstrap.com/preview/WB0NFRM26

我设法将其转变为：www.votgaus.com

这是我的网站。我认为我已经做了相当不错的工作，知道这是我第一次使用CSS。到目前为止，除了这两件事之外，我已经能够在线找到解决方案：

1）我的页脚在iPhone上打开时会展开并填满整个屏幕，但不会显示整个文本。解释起来有点奇怪。如果你真的可以在你的iPhone上打开它，你会明白我的意思。最后一行最后被切断了。而实际关闭页脚并在顶部看到徽标的唯一方法是向下滚动（这很好）。但是您无法滚动显示最后一行。为什么？？这是一些代码。我真的不知道我在做什么。我把最大高度放在页脚里面，但不明白为什么我有.collapse-footer for。我真的很困惑这个页脚是如何制作的（我是从bootsnipp中取出来的。）

footer {
  background:#764554;
  position:fixed;
  bottom: 0;
    left: 0;
    right: 0;
    max-height: 100vh;


}
footer .panel {
  box-shadow: none;
}
.collapse-footer {
  padding-bottom:0px
  z-index: 1;
    max-height: 100vh;

}
.collapse-footer p {
  font-size:14px;
  line-height:normal;

}

我认为这源于这样一个事实：我可能并不真正理解在哪里放置max-height属性。

2）我的视频需要永远加载。一般不是视频，而是部分标题中的视频。每个部分都有一个横幅，背景是视频或图片。我使它们很轻，最大可达1兆字节，大多数只有500 KB。一开始，我开始将我的视频（不是模板中的视频）放在mp4上，每个都像10MB。我以为那就是问题所在。模板实际上有三个不同版本的每个视频（mp4，webm和ogg）。我以为我可以选择。所以后来我把它们变成了webm并缩小了尺寸。它仍然很慢。所以我决定在开始时摆脱装载机，因为它给了我很多问题，特别是在手机上。没有。然后我将文件夹的名称更改为webm，并更改了html以便将其取出。从理论上讲，我应该在jpeg上放一个相同名称的静止帧，这样在手机上它只是拉动图片而不是视频。这搞乱了一切。有时它加载视频，有时是图片（手机和电脑），有时它会混合图像，甚至是单独的文件夹。有时刷新它会使它工作得更好，但与模板的速度相比，它仍需要很长时间。不明白为什么。我尝试制作一个html的版本，它不会播放视频而只是为了静止（通过强制src到.jpeg），但是，它有时会拉动视频，并且真的加载慢。

我不知道代码的哪一部分与此相关。我的整个css样式表在这里：

www.votgaus.com/css/main.css

HTML只是www.votgaus.com。 Bootstrap是www.votgaus.com/css/bootstrap.min.css。我甚至不知道它是如何工作的SASS是www.votgaus.com/sass/main.sass

感谢任何可以给我提示或帮我解决这个问题的人，即使它只是告诉我要找什么。特别是装载速度很慢。

干杯！

Answer 1

您有自己的流媒体服务器吗？如果没有人尝试在某个云托管服务器上托管您的视频，请在此处解释 - https://aws.amazon.com/blogs/aws/using-amazon-cloudfront-for-video-streaming/

我的引导程序网站需要永远加载视频，有时会将随机图像放在其位置

1 个答案: