videoタグの再生がカクカクして重い場合の対処法

Question

2MB程度の短い動画をhtml内にvideoタグ埋め込みで再生しています。
ローカルで再生した場合特に問題ないのですが、サーバーにアップロードするとカクカクとした描写でスムーズに再生されません。

対処方法をご教授願えればと思います。

よろしくお願いいたします。

Answer 1

カクカクの状態がちょっとよくわからないのですが、もしロードに時間がかかっているようでしたら
videoタグにpreload属性を追加してはいかがでしょうか？

ローカルで早い→すでにソースファイルがあるから
サーバ上にアップ後に遅い→ソースファイルを撮りに行った後のレスポンスが遅いから
ではないかと考えられます。

こちら、ページの読み込みが終わった時に裏側で動画の読み込みを開始しますので少しは良くなると思います。

ただ、裏側でpreloadの処理が走るのでページ自体は重くなってしまう可能性がありますが。。。

Comments

[castail]

ご回答ありがとうございます。

ご説明が足りず申し訳ありません。既にpreload属性は指定している状態です。

[MasakazuFukami]

んーそれではサーバから動画を取ってくるスピードを上げたほうがいいと思います。

可能であればcdnなどを使用されてはいかがでしょうか？

[castail]

CDNについて確認致しました。

特段アクセスの多いサイトではないですし、動画もこの1本のみなのでそのためだけにCDN
を利用することは難しいです。

せっかくご教示頂いたのに申し訳ありません。

やはりマークアップ・プログラムレベルで解決することは難しいのですね。。

[MasakazuFukami]

動画のカクカクというのが、再生時にコマ送りになってしまうという意味だったのでしょうか？
それとも、youtubeなどを見る際に速度が遅いと動画が止まってしまうような挙動を示してしまうという方だったのでしょうか？

前者ならvideoタグで再生する際に処理が追いついていない可能性があります。
→裏側でjsなどが動いていないか確認

後者ならサーバからの返しが遅い可能性があります。
→サーバの確認
どっちかですねー。

お力になれずに申し訳ございません。

[castail]

とんでもないです。この度は貴重なアドバイスありがとうございました。