Easy Fullscreen HTML5 Background VideoBideo.js A JS library that makes it super easy to add fullscreen background videos. (Hold on! The video might take a while to load.)
簡単！youTubeの動画を全画面背景に配置し自動再生やループ再生を実現する jQuery Plugin【YTPlayer】の実装方法 | Stronghold Archive
簡単！youTubeの動画を全画面背景に配置し自動再生やループ再生を実現する jQuery Plugin【YTPlayer】の実装方法 どうもこんにちは。Toshikuraです。今回のTipsは【簡単！youTubeの動画を全画面背景に配置し自動再生やループ再生を実現するjQuery Plugin【YTPlayer】の実装方法】です。このところ動画を扱うことが続いたのでメモしておきます。動画を背景にフルスクリーンに指定するプラグインは数々こざいますが、色々試した結果【YTPlayer】という素晴らしいプラグインに落ち着きました。本プラグインはループや自動再生が容易で且つループのつなぎが自然、さらには特定要素にFIXする事も可能で再生・停止ボタンや再生バー関連のカスタマイズも容易とかなり有用です。もし機会があればお試しください。 実装方法 > DOWNLOAD シンプルに実装する場合の例です
[Javascript]IE8でもvideoタグが使えるライブラリhtml5media.js | WEBデザインのTIPSまとめサイト「ウェブネタチョ」
videoタグでmp4動画をサイトに埋め込む方法の記事でも紹介させていただきましたが、 videoタグによる動画の埋め込みはWindowsのIE8だと非対応なので、今回はhtml5media.jsというJavascriptライブラリを使ってIE6〜8のブラウザでもvideoタグに対応させる方法を紹介させていただきます。 html5media.jsのダウンロード 以下のサイトから html5media.jsをダウンロードします。 >HTML5 video and audio tags in all major browsers html5media.jsは、HTML5に対応していないIE8のようなブラウザの場合に、videoタグによる動画をFlashプレーヤーのflowplayer で再生させるというライブラリです。 html5media.js を使って動画を再生 <head>内にhtml5
![[Javascript]IE8でもvideoタグが使えるライブラリhtml5media.js | WEBデザインのTIPSまとめサイト「ウェブネタチョ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/d2b54bedda7b92e6dbb0b8b158523af5627618df/height=288;version=1;width=512/https%3A%2F%2Fwebantena.net%2Fwp-content%2Fuploads%2F2015%2F09%2F820274.jpg)
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
Seriously.jsで動画・画像にリアルタイムエフェクトをかける方法【ほりぼーいドッキリ編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは、エンジニアののびすけです。 最近はWeb上で動画背景を使った表現のサイトが増えてきてますね。Webブラウザの性能が上がってきている昨今では、（スペックにもよるのですが）ブラウザ側でそういった処理もガンガンできます。 今回はそんなリッチな表現ができる「Seriously.js」をご紹介します。 Seriously.jsとは http://seriouslyjs.org/ 少し前に話題になった、動画や画像にブラウザ上でリアルタイムエフェクトを掛けることができるライブラリ。複雑なエフェクトをたくさん使えるにもかかわらず、簡単なJavaScriptの記述で操作できます。 サンプルを触ってみよう まずは、どんなことができるのかが気になると思います。Seriously.jsの公式デモを紹介してきます。 こちらのページにデモへのリンクがあるので試してみましょう。 ※執筆時点ではGoo
OTOYとMozilla、プラグイン不要のJavaScriptライブラリ「ORBX.js」発表
OTOYとMozilla、プラグイン不要のJavaScriptライブラリ「ORBX.js」発表：HTML5対応の全ブラウザに対応 米OTOYとMozillaは5月3日、ネイティブアプリや動画などのコンテンツを、HTML5対応のブラウザでシームレスに実行できるようにしたJavaScriptライブラリ「ORBX.js」を発表した。 米ソフトウェア会社のOTOYとMozillaが手を組んで、デスクトップPC向けのネイティブアプリや動画などのコンテンツを、HTML5対応のあらゆるブラウザでシームレスに実行できるようにしたJavaScriptライブラリ「ORBX.js」を5月3日に発表した。 ORBX.jsではWindowsやLinux、Mac OS X向けのPCアプリをクラウドで仮想化し、モバイルブラウザを含むHTML5対応のあらゆるブラウザにストリーミングできるという。 ORBX.jsに含まれる
迫力満点。Webサイトの背景全部を動画に·BigVideo.js MOONGIFT
BigVideo.jsはWebサイトの背景に動画を利用し、そのまま再生できるソフトウェアです。 Webサイトの背景は単色、もしくは適度なパターン画像を使うのが一般的です。しかしそんな考えに捉われないソフトウェアがBigVideo.jsです。何と動画をバックグラウンドに指定し、そのまま再生してしまう驚きのソフトウェアです。 デモです。背景は画像ではなく動画です。バックグラウンドで再生されています。 切り替えました。すごく幻想的で格好いいです。 BigVideo.jsの力だけではないですが、前面のコンテンツは背景が透けていてマッチしています。映画のトレーラーに合わせて説明を加えても良さそうですし、ドキュメンタリー系のWebサイトで使っても良いかもしれません。動画はJavaScriptで切り替え可能ですが、最後まで行くとそこで止まるようになっています（ループ指定もできるようです）。 BigVid
ブラウザでの動画再生の画質・パフォーマンスが向上する「DivX Web Player」 | ライフハッカー・ジャパン
Windows/Mac：ビデオコーデックとして有名な「DivX」から、動画用の無料ブラウザプラグインの最新版がリリースされました。インストールするだけで、より快適にブラウザ上の動画を視聴できます。 「DivX Web Player」プラグインをインストールして、YoutubeやVimeo、DailyMotionなどの、HTML5対応サイトにアクセスすると、動画の下にDivXの黒と青の再生バーが表示されます（冒頭画像参照）。 再生ボタンを押すと、フラッシュプレイヤーにかわって、DivX Web Playerで動画が再生され、画質が向上します。再生パフォーマンスも向上し、CPU使用率が低くおさえられるので、ノートPCや遅いマシンなどでも快適な動画の視聴が可能です。 DivX Web Playerは、Windows/Mac用の無料パッケージ『DivX HiQ Beta2』に含まれた、ウェブプラグ
Video LightBox - Embed video to your website with beautiful Lightbox effect!
Add video to your website with stylish popup video effect! Now for Windows and Mac! Video LightBox JS is a free wizard program that helps you easily embed video to website, web page or blog, in a few clicks without writing a single line of code. All it takes is 3 easy steps: 1.Add Video, 2.Select Template, 3.Publish. At the first step, you add a video clip, for example cut-n-paste YouTube url or d
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」:phpspot開発日誌
jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」 2010年07月06日- Plugins | jQuery Plugins jQuery＆HTML5＆CSSでリッチな動画プレイヤー実装jQueryプラグイン「osm player」。 次のようなリッチな動画プレイヤーがノンFlashで実装できるプレイヤーです。HTML5非対応ブラウザ用にFlashでフォールバックも可能。 Youtube、vimeoの埋め込みもOKです。 jQuery UI Theme-Roller を使ってテーマの変更も容易だそうです。 HTML5の動画プレイヤーは色々出てますが選択肢のひとつとして覚えておいてもよさそうですね。 関連エントリ CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 HTML5で動画や音声再生を可能
多数のブラウザでvideoタグに対応する·html5media MOONGIFT
html5mediaはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5を使って動画を流す場合に使われるのがvideoタグだ。現在主流になっているMPEG4にはライセンスコストがかかるので標準化が困難で、広まるのは難しい状況ではある。 Safariで実行した場合。videoタグのまま そんなvideoタグを使えばFlashを使わない、または使えないブラウザでも動画の閲覧が出来るようになる。だがIEをはじめとしてHTML5に対応していないとvideoタグが使えないので二重の開発を行う必要があるのは問題だ。そこで使ってみたいのがhtml5mediaだ。 html5mediaは多数のブラウザでvideoタグを使えるようにするライブラリだ。記述するのはvideoタグでよく、html5mediaを読み込むことでHTML5に対応していればそのままvideoタグを使い、対応し
YUI Theater — Douglas Crockford: "The State and Future of ECMAScript"
YUI Blog YUI Theater YUI Theater — Douglas Crockford: "The State and Future of ECMAScript" YUI Theater — Douglas Crockford: "The State and Future of ECMAScript" Yahoo!'s JavaScript architect Douglas Crockford gave the closing keynote at YUICONF 2009 last week. His talk, "The State and Future of ECMAScript," was a detailed take on the events that Brendan Eich discussed the night before. Douglas add
Flowplayer | Flash Video Player for the Web
Flowplayer is now part of the Wowza Video live streaming and VOD platform. Learn more →
Operaを使ってニコニコ動画の動画を保存する方法 - Ventrilo 2.1.4の使い方まとめサイト
Operaを使ってニコニコ動画から動画をダウンロード Internet ExplorerやFirefoxを使ったニコニコ動画のダウンロード方法を紹介しているページは多くありますが、Operaを使ってダウンロードする方法を紹介しているページは少なかったので詳しい方法を解説します。 数分でサクっと設定できます。 ダウンロード対応動画形式 FLV、MP4、SWF 1 OperaのUserScriptをダウンロードする 下記URLを右クリックして「リンク先のコンテンツを保存」を選択して「nicovideodownloader.user.js」をダウンロードしてください。 これがニコニコ動画から動画をダウンロードするOperaのUserScriptです。 右クリックしてDL → nicovideodownloader.user.js UserScript配布元リンク ttp://d.hatena.n
動画を楽しもう！（Flickr VideoのFLV動画をダウンロードするブックマークレット） | Creazy!
4月9日に開始されたばかりのFlickr Videoですが、すごい高画質で魅力を感じています。 No Video運動が起こっていたり話題に事欠きませんが…、今回は、FLVのダウンロード方法が分かったので早速ブックマークレット作りました。 ※なぜか、XMLHttpRequestとかDOMとかやるはめになったので（w）Ajaxの基礎編としても参考になるかもしれません。 ブックマークレットの登録と使い方 ・Get Flickr Video １）上記リンクをブックマークしてください。 ２）flickrのVideo再生ページを表示します。（embedされているブログなどは非対応です） ３）ブックマークレットを実行します。 ４）Downloadが始まるので保存するフォルダとファイル名を決めてOKするだけ。 以下環境で確認しました。 ・Windows – Internet Explorer 7 ・Win
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mozilla/popcorn-js: The HTML5 Media Framework. (Unmaintained. See https://github.com/menismu/popcorn-js for activity)
CreativeJS video from London Web Standards – Seb Lee-Delisle
多数のブラウザでvideoタグに対応する·html5media MOONGIFT
Youtube HD Userscripts.org