HTML [HTML]videoタグのmp4がiOSで自動再生されない時に確認すること
WEBサイトに埋め込んだ動画が、iPhoneやiPadといったiOSデバイスで自動再生されない。。。 見た目は地味なトラブルですが、動画をキービジュアルとして使用している場合、再生失敗はユーザー体験（UX）を著しく損ないます。 動画が停止し...
video
HTML 
HTML [HTML]videoタグでmp4動画を再生前に任意の画像を表示させる方法
HTML5のvideoタグでmp4の動画データを再生させる際に、再生ボタンを押すまでの間に表示させておく画像を、自由に変更する方法のご紹介です。 今回はMacでの操作方法になります。 <video>でmp4動画再生前に任意の画像を表示させる...
Javascriptスニペット [JS]videoタグの埋め込み動画をColorboxを使って再生する方法
前回のvideo タグでmp4 動画をサイトに埋め込むの方法で、videoタグでmp4動画を埋め込む方法を紹介させていただきましたが、今回は埋め込んだ動画をColorboxのインラインで表示（再生）させるカスタマイズのご紹介です。 Colo...
Macアプリケーション [Mac]mp4動画をogg形式に変換できるMiro Video Converterの使い方
前回の記事の方法で、HTML5のvideoタグを使って、mp4形式の動画をサイトに簡単に埋め込むことができるようになりました。 ただ、動画の形式がmp4だけだとFirefox などでは再生されない問題があるため、他のogg Theora形式...
HTML [HTML]videoタグでmp4動画をサイトに埋め込む方法
HTML5のvideoタグを使ってmp4動画をサイトに埋め込む方法のご紹介です。 今回はvideoタグの基本的な使い方から、videoタグをサポートする主要ブラウザと、それらブラウザ向けの動画再生方法などを中心に紹介させていただきます。 v...