HTML5 videoタグで背景に動画を使ったページを作る方法 - Wataame Frog
背景に動画を使うサイトをよく見受けられるようになってきました。 どうやって作っているのか気になったので調査してみると、結構簡単に出来ることがわかったので、備忘録としてポストします。 HTML5のvideoタグで背景を動画にしてみる 例1. とりあえず背景を動画にしてみる <!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>背景を動画にするテスト</title> <meta name="description" content="" /> <meta name="keyword
video要素、audio要素をJavaScriptから操作する－HTML5のAPI、および、関連仕様
※このページでは、video要素、audio要素をJavaScriptから操作する方法について紹介しています。 単純に<video>タグや<audio>タグの使い方を知りたい方は、 以下のページなどをご確認ください。 <video>タグで動画を埋め込む <video> …… 動画を再生する <audio> …… 音声を再生する ■video要素、audio要素をJavaScriptから操作 HTML5では、video要素、audio要素をJavaScriptから操作するためのメソッド・プロパティ・イベントが用意されています。 これらのメソッド・プロパティ・イベントを使用することで、 JavaScriptから動画・音声などのメディアリソースの状態を参照したり、 読み込み・再生・一時停止・再生可能かどうかの確認などの操作が可能となります。 <video>タグのcontrols属性を指定すると、
HTML5 ビデオと主要ブラウザの対応状況
HTML5 仕様の草案は2004 年に始められ現在も HTMLワーキンググループや WHATWG メ ーリングリストで検討中であり(こちらを参照）、ブラウザの対応も進展過程にある。 HTML5には多くの要素と属性が新しく導入されたり変更されたりしており、マルチメディ アの為の新しい要素 <video>が追加され、プラグインが無くても動画のストリーミング再 生が可能となった。 ブラウザのHTML5 Videoへの対応は、Opera 10.5, Firefox 3.5, Google Chrome 3, Safari 3.1以降で漸次対応して来ている（Internet Explorer 9で対応予定）。 しかし、HTML5 のビデオ・コーデックの規定が H.264とTheoraに分かれて定まらない状 況下にあって、2010年5月GoogleがオープンソースVP8の動画規格 We
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG - かちびと.net
HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。 動画を背景に、というスクリプト。 動画のパスを指定して表示するみたいです。楽でいいかも。尚、HTML5未対応のブラウザには普通の画像を別途用意して指定しておくことで表示を切り替えるみたいです。 コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script> <script type="text/javascript" src="jquery.videoBG.js"></script> コアとプラグインを読み込み。 $('.foo').videoBG({ position:"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
