質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Flash

Flashは、Webページにアニメーション、ビデオ、また対話型のアプリケーションを埋め込むためにAdobe社が提供しているクロスプラットフォームのインターネットマルチメディアランタイムです。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

6160閲覧

Chromeだけ動画の読み込みが遅い

sem2012sp_a

総合スコア49

Flash

Flashは、Webページにアニメーション、ビデオ、また対話型のアプリケーションを埋め込むためにAdobe社が提供しているクロスプラットフォームのインターネットマルチメディアランタイムです。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2016/05/25 17:30

自分のサイトに動画を埋め込みたいのですが、HTML5のVIDEO・FlashPlayer、どちらを使って埋め込んだ場合でもChromeだけbufferの読み込みが異常に遅く、再生時間にバッファが追いつかれ、再生が途中で止まってしまう場合が多いです。

firefoxやIEでは正常なスピードで動画が読み込まれます。

しかし、この現象が発生するのは自分のサイトだけで、HTML5を使用しているYouTubeやFlashを使用しているニコニコ動画などではChromeでも正常に読み込まれます。(むしろChromeの方が速いです)
なにか、Chromeにはリミッターみたいなものがついていてサイト側の設定でそれを変更してあげる必要がある気がするのですが、検索しても全く情報が出てきませんでした。

テストするのに丁度いい長さの動画が落ちていたのでURLを貼っておきます。
Chromeとその他のブラウザで確認してみてください。

sample動画

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

sounisi5011

2016/05/25 20:35

サンプルの動画ファイルだけでは回答できません。もし可能なら、「自分のサイト」のURLを載せてください。駄目ならば、実際に書いたHTML5やFlashのコード、および、(もしあれば)使用したライブラリの種類も書いてください。
sem2012sp_a

2016/05/25 21:02

もしよければ、回答できない理由を教えて頂いてもよろしいでしょうか? 自分のサイトのURLと言われましても、普通に下記のような感じでVIDEOタグを使用しているだけです。(Flashの方はJW Playerを使用しています) また、3台のサーバーテストして全て同じ結果(Chromeだけ遅い)のでサーバーの問題でもないと思います。 サンプルの動画のソースを見ていただければわかると思いますが、この現象はVIDEOタグ・またはFlashPlayerを設置するだけで再現できます。 <video controls width="320" height="240"> <source src="sample.mp4"> </video>
sem2012sp_a

2016/05/25 21:06

SRCに記載する動画の場所はどこでも構いません。 全てのサーバーで再現可能です。 また態々VIDEOタグ or FlashPlayerのコードを書かなくても、その変にある動画ファイルの直URLをブラウザに入力するだけでも再現できます。
ayaneko

2016/05/26 12:03

「もしよければ、回答できない理由を教えて頂いてもよろしいでしょうか?」と仰っていますがご自身が質問に書いた内容を読み返して下さい。「この現象が発生するのは自分のサイトだけ」と書いてあります。事実として確認出来たであろう事象はそれだけです。そして「3台のサーバーテストして全て同じ結果(Chromeだけ遅い)のでサーバーの問題でもないと思います」という考えは推測に過ぎません。つまり提示されている情報だけでは原因の解明は難しいという事です。それと一応付け加えておくと私の環境では再現はしませんでした。
sem2012sp_a

2016/05/26 18:10 編集

すみません書き方が悪かったですね。 こちらの環境では自分のサイトと言うより、何か特別な設定を行っていないであろうサイトでは全て再現できました。 その理由として、ブラウザに動画共有サイトなどに上がっている動画ファイルの直URLを直指定することで、同じ動画ファイルを読み込んでいるはずなのに、動画共有サイト越しで見るのとではChromeの読み込み速度だけ明らかに遅かったです。 >「それと一応付け加えておくと私の環境では再現はしませんでした。」 貴重な意見を元に再度調べてみたところ、Chromeの場合動画の再生を開始したあと、一度停止ボタンを押すことでいっきにbufferの読み込みが加速しました。 しかしそのあと再生を再開するとbufferの読み込みは止まる、もしくは極端に減速してしまいます。 このような現象はそちらの環境で再現できませんでしょうか?
sem2012sp_a

2016/05/26 18:17

役に立つ情報か分かりませんが、動画の保存を試してみたところ Chromeの方が20秒程早かったです。
sem2012sp_a

2016/05/26 18:21

比較はWinodws7のChrome・IE・firefoxの最新バージョンで行っています。 OS X・Linux環境では再現できないかもしれません。
ayaneko

2016/05/27 17:19

Windows7のGoogle Chrome(32bit)で確認していますがそもそも何の問題も生じていませんので終始遅延等無く動画を読み込んでいます。よって停止ボタンを押しても読み込み速度に変化はありません。いずれにせよ現状で確認出来る情報では何の回答も出来ません。Google Chromeにインストールされている拡張機能やブラウザの設定または他に動作しているソフトウェアやOSそのものの設定など考えられる可能性が多すぎます。そしてサーバに問題が無いのであればいよいよプログラミング上の課題では無くなりますのでこちらへの返答はこれで最後にします。最後に現状で私が出来る助言を残しておきます。新しく作成したプロファイルで立ち上げた初期状態のGoogle Chromeで動画を再生して拡張機能や設定の影響かどうかの確認とデベロッパーツールでネットワーク周りを見て原因を探ってみると良いでしょう。
sem2012sp_a

2016/05/28 05:10

助言ありがとうございます デベロッパーツールで見たところ、サイズがおかしい事に気づきました。 https://gyazo.com/7b52b7dd042fd9fe8109637753017541 https://gyazo.com/5abead67c5e9ef899a7378b7fb35b69c 上がfirefox下がChromeなのですが、400KBは0.4MBですよね? firefoxは動画全ての読み込みが完了した状態で500KB程しか転送していませんが Chromeは86MB以上も転送しています。(しかもChromeはまだ動画全ての読み込みが終わっていません) そもそもこの動画307MBあるのでfirefoxの転送量は少なすぎると思うのですがこれは正常なのでしょうか? ちなみに、FlashPlayerでの再生でも同じ結果と書きましたがJWPlayerの設定が間違っておりHTML5を使用していました。 Flashを使用する設定に変えることで、FlashではChromeでも動画を正常に読み込めました。
guest

回答1

0

自己解決

解決はしていませんが、別PCの環境や他サイトでもChromeだけ同じ状態になったのでとりあえず仕様として仕方のないものと受けとめます。

投稿2016/05/30 09:44

sem2012sp_a

総合スコア49

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問