動画素材をWEBサイトで表記しているがすぐに止まっ

質問

自分で作った動画素材をWEBサイトで表記しているのですが、数秒ごとに読み込みで止まります。
最高品質を見せないといけないので、120mb前後になってしまいます。

本当は10mbくらいにしないといけないらしいので、これでは、止まりまくるのは仕方がないでしょうか？

圧縮すれば半分ほどになりますが、今度は実際に販売している動画の画質を見せることができません。

ユーチューブにアップロードしている物を埋め込む方法もありますが、
これだとユーチューブにアップロードした時点で勝手に圧縮しているでしょうか？

できれば自分のサイトをオリジナルと認識させたいので、
まず初めに自分のサイトにアップロードしてから、ユーチューブにアップロードしています。

この場合自分のサイトの動画と、埋め込み両方とも表記させないといけないですよね。

本当に困ります。

どうすればよいのでしょうか？

回答No.3

asciiz

動画データありがとうございます。
フルHDサイズ60fpsですか!!
ちょっと私の想像を超えていました。

そのサイズのものだと、1ページに複数置くのはお勧めできませんね。
もしプレビューを置くならば、HTMLのサイズ指定で表示を縮小するのはいけません。
表示は小さくても、実際に120MBをそのまま転送してしまうからです。

プレビュー画像として、480x270 サイズに縮小した動画を置くなどしてみてはどうでしょう?(縦横1/4)
単純計算でデータ量は1/16になりますので、動画ビットレートも700kbpsほどで同クオリティとなるはずです。

それならば、同時8本読み込みをしても5.6Mbps、十分常識的な転送速度ですし、「販売素材はフルHDです」ということでサンプルの役目を果たすのではないかと…

＞ajaxなどを使わないといけないということでしょうか？

ajaxを使って「カーソルを合わせたときだけ、その動画を読み込む」とかすれば、動画1本だけの転送量になるので、それでも良いかもしれませんね。(でも「カーソルが外れたときに停止する」という動作も入れないと、また複数本の読み込みになって止まってしまいます)

もし現在、11.3Mbps(11294kbps)の動画をいっぱい置いてあったとすると、回答No.1に書いたのと同じぐらい、11.3×8＝90.4Mbpsのインターネット速度が必要になります。
あなたの環境で、そこまでの実測速度は出ているでしょうか? (インターネット速度測定サイトなどで確認してみてください。)

単純な話、11.3Mbpsでエンコードした動画を、停止することなく見続けるには、インターネット速度(実測)11.3Mbps以上が必要なわけです。
そしてブラウザでは、HTML、CSS、画像、動画など、複数ファイルを同時に読み込みますので、そこに重い動画があると、その人のインターネット環境により、満足に表示できなくなってしまうのです。

でも、自分の環境だけ良くしても(たとえば1Gbpsインターネットを契約して実測500Mbps出るなど)、みんながみんな、そんなにいい回線を用意できているわけではありません。
ADSLでは4Mbpsがせいぜいですし、光回線でも10～30Mbpsといったところをターゲットにすべきでしょう。
その様な環境を想定して、宣伝ページというのは作らないと、見てもらえなくなります。

補足

ユーチューブの埋め込みとsourceタグの動画を二つ表記して、すぐ見たい人は埋め込み、完璧に同じ動画を見たい人は右クリックでsourceのほうの動画をダウンロードしてもらう形にしようと思います。

重複コンテンツが心配ですが、完璧なほうはユーチューブの埋め込みでは無理ですよね。

おそらく勝手に圧縮しているでしょうから

それならダウンロードしてもらうしかないです。