Q&A
解答欄に記載します
ページを開いてから動画を再生されるまでをスムーズにしたい。
HTML5のvideoタグを使用し、ページトップに動画を組み込んでいます。
ページを開いてから動画の再生まで0.5〜1.0sほど待ち時間が発生するため、スムーズに再生されるようにしたいです。
ローディングページを入れれば確実だとは思うのですが、相手方の要望にマッチしないので使用不可です。
不可であれば不可で問題ないので、上記の挙動はできるのか、もしできるとしたらヒントをいただきたいです。
よろしくお願いいたします。
発生している問題・エラーメッセージ
ページを開いてから動画の再生まで0.5〜1.0sほど待ち時間が発生する。
該当のソースコード
HTML5
1<video autoplay muted width="1300" height="810"> 2 <source src="images/movie3.mp4" type="video/mp4"> 3 <source src="images/movie3.WebM" type="video/WebM"> 4</video>
試したこと
動画サイズの縮小（現在 mp4/2.2MB WebM/2.0MB）
補足情報（FW/ツールのバージョンなど）
imovieにより動画の書き出しをしました。
解像度：５４０px
品質：低
回答3件
0
自己解決
動作確認している環境の問題であったらしく、iPad→PCで確認したところシームレスで再生されました。
お騒がせしまして申し訳ございませんでした。
投稿2019/05/21 09:26
総合スコア83
0
やったことないので、出来るかな？程度の情報です。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/video
preload、bufferedを適切に指定したら短時間で再生スタートしませんか？
投稿2019/05/21 08:58
総合スコア2826
質問者様のソースコードにはautoplay属性が記載されているため
preload、bufferedを付けてもページを開いてから
動画の再生までの時間は短縮されないです。
> oikashinoa 様
ご回答ありがとうございます。
どうやらiPadで確認していたのが問題だったらしく、
PCで確認したところシームレスで動作しておりました。
ご教示いただいたサイトや属性は今後に役立てていこうと思います。
yasutomiさん
指摘ありがとうございます。
今後のために以下を追記
autoplay
論理型の属性です。この属性が指定された場合、データの読み込みが完了し、再生可能な状態になった時点で即座にコンテンツの再生が始まります。
> oikashinoa 様
ご丁寧にありがとうございます。
ご教示いただいたサイトにてその旨確認いたしました。
駆け出しコーダーのため情報提供いただけて非常に助かりました。
0
サーバー、ネットワーク、ブラウザの仕組み上、不可能です。
投稿2019/05/21 08:06
総合スコア2937
ご回答ありがとうございます。
別の方のご意見もお聞きしたいのでBA、回答締めはもう少しお待ちいただけますと幸いです。
失礼いたします。
動作確認環境をiPadからPCに変えたところ、シームレスで動画が再生されました。
再生機器のスペックの問題であったと考えます。
ありがとうございました。
相手方の要望が高スペックの再生機器で
シームレスに動画が再生されれば良いというものであれば
それで問題ないのですが、そうでなければ相手方から
「デバイスによってはシームレスに動画が再生されない」という
クレームが来る恐れがあると思うのですが、その点は問題ないでしょうか。
>yasutomi 様
今回はあくまで校正デモとして作成したものですので、問題はないです。
もしもそのクレームが来たとしても、サーバー、ネットワーク、ブラウザの仕組み上、不可能です。
と回答し、構成を練り直しますのでそちらも問題ないです。
今後のご心配までしてくださりありがとうございます。
あなたの回答
tips
プレビュー
