HTML5のvideoタグで利用するmp4の動画を作る時のTips - Qiita
最近、スマホやタブレットを使う機会も多いですが、その辺りの端末に動画コンテンツを提供する時に楽なのがmp4形式の動画をvideoタグで貼り付ける事です。 ただ、ちょっとした注意点があって、どういう状況で再生するかによって細かい調整をしておかないと、再生開始までにえらく時間がかかるようになって、非常に不便になります。 既に作成済みの動画を再生する場合 mp4形式の動画を再生するためにはメタデータ情報が必要です。メタデータは通常ファイルの末尾に付与されます。ファイルサイズが小さい時は気付かないのですが、10分、20分ぐらいあるような動画を再生しようとすると末尾まで読んでから再生できるかどうかを判別するので、再生が開始できるようになるまでに異様に時間がかかるようになります。 そこで動画作成時にメタデータをファイルの先頭に移動させておきます。 こうする事で、ファイルサイズが大きい動画でも一瞬で再生
【Web制作】HTML5のvideoタグにはMP4形式動画だけ指定すればよい（IE8対応）＠2014年末
概要 ▶ 2014年末ではほとんどのウェブブラウザーがMP4形式の動画に対応しています。videoタグもシンプルになります。非対応のIE8はライブラリーの活用を。 ●videoタグは複数ソースが設定できて便利HTML5のvideoタグでは以下のように書くことで複数のファイルソースを指定することができます。 <video> <source src="example.mp4"> <source src="example.webm"> <img src="example.gif"> </video> 上記の例だと、 最初に「example.mp4」の再生をトライ 「example.mp4」を再生できない場合、「example.webm」の再生のトライ 「example.webm」を再生できない場合、「example.gif」を表示となります。 簡単な書き方で、再生できない場合の複数のソースの指定
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
