iPhoneやAndroidでもHTML5のvideoタグを利用することで、 YouTubeなどのアプリを立ち上げる事無くブラウザ内で動画を再生することができます。 しかしこのビデオタグ、、、 端末によって動作が本当にまちまちで扱いにかなり苦労します。 以下、iPhone/Androidの... 続きを読む

• case-mobile-design.com
• テクノロジー

いつかきっと使うメモ 今回の記事は以下から How To Build a Fullscreen Background Video Player | Vandelay Design Blog About the Author:Jake Rocheleau @jakerocheleau. Jake’s Google+ profile. より詳しく、技術的に読みたい方は今すぐGOです（記事は一... 続きを読む

• maka-veli.com
• テクノロジー

video／audioにハマりまくったメモ。 とりあえず以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 audioライブラリ試してうまくいったやつはこれ。 SoundJS videoのライブラリ... 続きを読む

• takazudo.github.com
• テクノロジー

MP4からwebm/ogvへの変換、webm/ogvからMP4への変換は比較的簡単にできます。変換方法はコチラ 動画の現在の再生時間/終了時間/終了のタイミングの取得 これは以下のタグで実現できます。 <ul id="DETE"> <li id="end">再生中</li> <li id="now"></li> <li id="... 続きを読む

• zxcvbnmnbvcxz.com
• テクノロジー

HTML5では、新たに<audio>、<video>要素（メディア要素）が追加されました。これらの要素と関連するAPIを利用することで、Flashなどのプラグインに頼らずとも、ブラウザ標準の機能だけで音声／動画ファイルを再生できるようになります。 あとから述べるように、... 続きを読む

• thinkit.co.jp
• テクノロジー

概要 各種PC用ブラウザ、iPhone、iPad、Androidでの動画の表示テストを行うためのページです。 動画はダウンロードしてご自由にお使いいただいて構いません。 トリミング、エンコード、二次利用、再配布など、全てOKです。 ただし、この動画を利用、もしくは利... 続きを読む

• etc.dounokouno.com
• テクノロジー

フリーソフト ファイルサイズ: 30,087KB バージョン: 3.5.2 OS: XP, Vista (32/64 bit), 7 (32/64 bit) Any Video Converter フリー版はとても使いやすい動画変換、動画ダウンロードソフトです。 動画変換：このソフトは様々動画形式に対応で、様々な動画をiPad... 続きを読む

• www.anvsoft.jp
• テクノロジー

動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン 2012年12月10日- Make an HTML5 video a background - body bg demo 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン。 Youtubeの動画を背景にするjQueryプ... 続きを読む

• phpspot.org
• テクノロジー

HTML5から使えるvideoタグで 背景への動画設定を簡単に行 えるというスクリプトです。 対応していないブラウザには 静画が表示されるようになっ ているみたい。 動画を背景に、というスクリプト。 videoBG 動画のパスを指定して表示するみたいです。楽でいいか... 続きを読む

• kachibito.net
• テクノロジー

Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « オンライン動画、スタートまで2秒超で5.8%ずつ離脱していき、中断1%ごとに再生時間が5%減る ««企業ウェブマスターのステークホルダー5種類を整理してみた ... 続きを読む

• web-tan.forum.impressr...
• テクノロジー

第4回 HTML5の新要素、videoタグについて知ろう。動画ファイルの作成について。 前回・前々回と、HTML5のVideoタグを使った作例を紹介しましたが、では肝心のHTML5で利用する、「H.264」「Web M」形式の動画は、どうやって用意すればいいのか？ 今回はそのあた... 続きを読む

• creator.mynavi-agent.jp
• テクノロジー

今回はSNSアプリ『Path』のWebサイトを解析していきます。Pathは、フォローしあえる友人の数を150人までに制限しているクローズトなSNS。FacebookやTwitterで必要以上にひととつながりすぎて、「本当に親しい人」の間でのコミュニケーションを楽しめないひとの... 続きを読む

• tadashiku.jp
• テクノロジー

HTML5の目玉機能の一つvideoタグ。 videoタグを使えば、Flashを使わずに簡単に動画を埋め込むことができますが、一方でブラウザにより動画規格が統一されておらず、今後の標準がどうなるかもわかっていません。 が、とりあえず今回はアプリのWebView（iPhoneは... 続きを読む

• today-only.net
• テクノロジー

Web担トップ « 連載コーナーの一覧 « 15万円でゼロから始める動画マーケティング 15万円でゼロから始める動画マーケティング このコーナーについて → 15万円でゼロから始める動画マーケティング 「15万円でゼロから始める動画マーケティング」 人気記事ランキ... 続きを読む

• web-tan.forum.impressr...
• テクノロジー

Web担トップ « 編集記事一覧 « 15万円でゼロから始める動画マーケティング « 企業サイトでの動画コンテンツ利用基本のキ | 第1回 ««15万円でゼロから始める動画マーケティング 連載15万円でゼロから始める動画マーケティング 企業サイトでの動画コンテンツ利用... 続きを読む

• web-tan.forum.impressr...
• テクノロジー

ワードプレスで動画を設置する時に便利なプラグイン「Viper’s Video Quicktags」をご紹介します。 Viper’s Video Quicktags このプラグインを使うと、設置が簡単になることと動画のサイズ調整や動画周りの枠などを変更したりできます。 ダウンロード 投稿ペー... 続きを読む

• design-plus1.com
• テクノロジー

オープンソースかつマルチプラットフォームの動画エンコーディングツール「HandBrake」（http://handbrake.fr/ ）日本語版を作成・提供するプロジェクトです。 HandBrakeは、DVDやDVDのISOイメージをメディアプレーヤーやPS3/Xbox360/PSPなどのゲーム機などで再... 続きを読む

• sourceforge.jp
• テクノロジー

一昔前はPCで動画というとFlashで作成されたプレイヤーが主流でした。（今でもPCサイトの動画はフラッシュの動画が多いですが） しかしiPhone、iPadなどがFlashプレイヤーを搭載しなかったことと、昨今の携帯がスマートフォンが主流になってきたことから各企業... 続きを読む

• webdesignmatome.com
• テクノロジー

追悼　スティーブ・ジョブズさん ｉＰｈｏｎｅやｉＰａｄなど独創的な製品で、「アップル」を株式時価総額で世界一の企業に押し上げ、世界的なカリスマ経営者として知られるスティーブ・ジョブズ前ＣＥＯ（最高経営責任者）が亡くなりました。 クローズアップ現... 続きを読む

• cgi4.nhk.or.jp
• テクノロジー

Webサイトで動画コンテンツを提供する場合、コンテンツに最適な配信プラットフォームを検討する必要があります。動画を配信する方法には、「ダウンロード（プログレッシブダウンロード）配信」と「ストリーミング配信」の2種類があり、ダウンロード配信は通常の... 続きを読む

• ascii.jp
• テクノロジー

一度に多くの情報を伝え、イメージを直感的に訴求できる動画コンテンツを、Webサイトでも扱うことが増えてきました。動画コンテンツを含むWebサイトを制作するときには、目的とコンテンツの内容に応じて、適切なフォーマットを選択することが大切です。 動画フ... 続きを読む

• ascii.jp
• テクノロジー

HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ html5med [...] 続きを読む

• coliss.com
• テクノロジー

Cuepoint.js. A plugin for HTML5 video cuepoints and subtitles HTML5動画に字幕が付けられるjQueryプラグイン「Cuepoint.js」 ムービーの上に字幕を簡単なコードで付けることができちゃいます。 JavaScriptの連想配列で次のように定義して初期化するというシ... 続きを読む

• phpspot.org
• テクノロジー

CSS: Elastic Videos これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例。 ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframe... 続きを読む

• phpspot.org
• テクノロジー

ビンテージ動画をお手軽に撮ろう、Super 8™の紹介です。 @kazuendです。 ビンテージ風の動画を手軽に撮れるアプリです。昔の8ミリビデオのようなUIでレンズを変えたり、スクラッチ効果、エフェクトなどを楽しめます。また撮影した動画にクレジットを入れて遊ぶ... 続きを読む

• www.appbank.net
• テクノロジー

11 Efficient HTML5 Video Players | blueblots.com HTML5ベースの動画プレイヤーが１１種類まとまったエントリのご紹介です。 UIがそれぞれ個性を持っているので好みに合わせて選ぶことができそう Flashを使うことなく、既存のWEB技術でデザインを調整できるの... 続きを読む

• phpspot.org
• テクノロジー

Vimeo という動画投稿サービスをご存知ですか？ YouTube に比べて日本ではあまり目立たないサービスですが、ユーザーが作成した動画の投稿のみを認めるクリエイティブな特徴を持ち、差別化を図っています。 そんな Vimeo から公式アプリがリリースされました。... 続きを読む

• www.appbank.net
• テクノロジー

モノオトシは、動画共有サイトのMPEG4/FLV/DivX形式の動画を簡単にダウンロードできるサービスです。 高画質HD動画ダウンロードにももちろん対応。 URLを入力するか、ブックマークレット（モノオトシ/モノオトシ[別窓] : お気に入りに追加してください）をご利... 続きを読む

• monodl.info
• テクノロジー

YouTubeよりも遙かにマイナーでありながら、なんとなくストイックで信頼性の高い感じがする動画投稿サイト「Vimeo」が、動画編集機能を備えた公式のiPhoneアプリをリリースしました。これにより、動画の観覧や管理だけでなく、iPhoneでの動画撮影・編集、Vimeo... 続きを読む

• ipod.item-get.com
• テクノロジー

ため息をつくほど美しい湖面の反射…でもそれ以上に驚くことがあった（動画） あたりの景色が湖面が完璧に反射した、ため息が出るほど美しい光景。 それだけでも心奪われてしまいますが、実はもうひとつ驚くことがあるんです。 映像をご覧ください。 このオチに... 続きを読む

• labaq.com
• 暮らし