主要ブラウザでvideoタグを有効にしてくれるJavaScript「html5media」 | Web活メモ帳
html5の<video>タグを使用すると簡単に動画を埋め込めるようになりますが、対応していないブラウザが多いのも事実です。 今回ご紹介する「html5media」はvideoタグを有効にする事ができるJavaScriptです。 videoタグを使用する事でFlashなどのプラグインが必要なくなり、設置も簡単にできるようになります。 詳しくは以下 次のコードを貼付けるだけでvideoタグが有効になります。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script> 後はhtmlに簡単なタ
HTML5 Video Player -シークバー実装編 vol.1- « SMART LAB
スマートフォン,smart phone,Windows7,iPhone,Android,iPad前回は再生・一時停止など、ごくごく基本的な機能のみの実装だったので徐々に機能を追加していきたいと思います。 今回はシークバーをつけてみます。 手始めに、再生位置にあわせて伸びていくだけのバーを作ります。 サンプル ※PCから閲覧の場合、safari, chromeのみ動作します まず、メディアの長さを表すベース部分とプログレスバーの部分を div 要素で作ります。 <div id="seek-bar"><div id="progress-bar"></div></div> プログレスバーはベースの中に入れ子になってます。 次にCSSで見た目をそれっぽくします。 #seek-bar {width: 100%; margin: 5px 0; background: #ccc; -web
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
