私のブートストラップのウェブサイトはビデオを読み込むのに永遠にかかり、ランダムな画像をその場所に置くことがあります

Question

私はこれらの問題の解決策を探していました。基本的に、私は前にブートストラップを使用しない（またはCSS）、およびテンプレートをオンライン購入したんでした：私はこれにそれを回すことができたhttp://wrapbootstrap.com/preview/WB0NFRM26

：www.votgaus.com

私のウェブサイトです。私はそれがCSSでの私の最初の経験であることを知って、かなりまともな仕事をしたと思います。これまでのところ、私はすべてのものにオンラインでソリューションを見つけることができました。

1）自分のiPhoneで開いたときに、フッターが展開されて画面全体が塗りつぶされますが、テキスト全体は表示されません。説明するのは変です。あなたが実際にあなたのiPhoneでそれを開くことができれば、あなたは私が何を意味するかを見るでしょう。最後の行は最後に切り捨てられます。そして、実際にフッターを閉じて上部のロゴを見ることができる唯一の方法は、スクロールすることです（これは問題ありません）。しかし、最後の行を表示するためにスクロールすることはできません。なぜ？？これはコードの一部です。私は何をしているのか分かりません。私はフッタの中に最大高さを入れていますが、なぜ私には、.collapse-footerを持っているのか分かりません。私はこのフッタがどのように作られたかについて本当に混乱している（私はそれを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）私のビデオにはいつまでも負荷がかかります。一般的なビデオではなく、セクションのヘッダーにあるビデオ。各セクションにはバナーがあり、背景はビデオまたは画像のいずれかです。私はそれらを非常に明るく、メガバイトの最大値にしました、そして、たった500 KBです。始めに、私は自分のビデオを（テンプレートからのものではなく）mp4に入れ始めました。それぞれは10MBのようでした。私はそれが問題だと思った。テンプレートは、実際には3つの異なるバージョン（mp4、webm、ogg）で各ビデオを持っています。私は選択できると思った。だから後で私はそれらをwebmし、サイズを縮小しました。それはまだとても遅いです。だから私は最初にローダーを取り除くことに決めました。なぜなら、それは私に非常に多くの問題、特に電話を与えていたからです。何もない。私はその後、webmにフォルダの名前を変更し、同様にそれを拾うためにHTMLを変更しました。理論的には、静止画フレームを同じ名前のjpegに置く必要があります。そのため、電話機ではビデオの代わりに画像を取り込むだけです。これはすべてを混乱させている。ビデオや写真（電話とコンピュータの両方）をロードしたり、別のフォルダから画像をミックスしたりすることがあります。そして時にはそれをリフレッシュすることで作業がはるかに良くなりますが、テンプレートの速さに比べてSOOの時間がかかります。理由を理解しないでください。私はhtmlのバージョンを作ってみましたが、ビデオを取り込まずに静止画（.jpegにsrcを強制する）に行くだけですが、それでも時々ビデオが引かれて、本当に遅くロードされます。

コードのどの部分がこれに関連するのかわかりません。私の全体のCSSスタイルシートはこちらです：

www.votgaus.com/css/main.css

HTMLだけでwww.votgaus.comです。ブートストラップは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/