YouTubeがHTML5のVideoタグをデフォルトにしたと表明、従来のFlashに代わり
「過去4年のあいだ、私たちはブラウザベンダや幅広いコミュニティと協力し、課題を埋め合わせるために作業してきた。そして今日、YouTubeはHTML5の＜Video＞タグをChrome、IE 11、Safari 8そしてベータ版のFirefoxでデフォルトとすることにした」。YouTubeは1月27日付けで投稿したブログのエントリ「YouTube now defaults to HTML5 <video>」で、Flashに代わりHTML5のVideoタグをデフォルトにしたことを表明しました。 ブログでは、HTML5のVideoタグがデフォルトとなる上で重要だった以下の5つの技術を紹介しています（リンクはそれぞれのHTML5仕様）。 MediaSource Extensions Adaptive Bitrateストリーミング（ビットレートに最適化されたストリーミング）によって、ネットワーク状況
[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid
.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量（800bytes）プラグインを紹介します。 デモページ 単に要素内の背景として表示しているため、デモのようにスクロールエフェクトと組み合わせることも簡単です。 CoverVidの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="covervid.min.js"></script> </body> Step 2: HTML 動画を背景として表示する親要素、もしくはラッパーを配置します。 <div class="
![[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid](https://cdn-ak-scissors.b.st-hatena.com/image/square/9110ae5aaacb7e18964553e948fdad1f627eb39c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014111003.png)
動画パスを指定するだけで簡単に背景動画を設定できる「video-background-js」:phpspot開発日誌
sethborden/video-background-js GitHub 動画パスを指定するだけで簡単に背景動画を設定できる「video-background-js」。 jQueryプラグインの形で、指定したエレメントの背景をビデオに出来ます。 関連エントリ HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.js」 ビデオのここが面白い！を共有できるライブラリ「HTML5 Video Voting」 JavaScriptから簡単に使えるFlashビデオプレイヤー「Flowplayer」
サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、
Photoshopの実践的なテクニックが学べる動画のまとめ
打ち出し画像にちょっとアクセントを加えたり、ぼやけた画像をくっきりさせたり、テキストをラスタライズせずにフィルタを適用したりなど、Photoshopのさまざまな実践的なテクニックを学べる動画をPhotoshop Video Academyから紹介します。 キャプチャやテキストでは分かりにくいポイントも動画だと操作が一部始終見えるので、より確実にマスターできると思います。 Photoshop Video Academy 動画はそれぞれ2〜5分くらいで解説は英語ですが、操作が動画なので分かりやすいと思います。 まぁ、同時に英会話の勉強にもなる、と。 Photoshop Blend Modes Photoshopのブレンドモードの効果を比較。 Photoshop Blend Modes Photoshopのブレンドモードを使って、画像にちょっと面白い効果を加えます。 High Pass Shar
無料でYouTubeやVimeoのムービーをサクサクダウンロードしまくれるソフト「4K Video Downloader」
Windows 8・Windows 7・Windows XPといったOSに加え、MacやLinuxのPCにも対応しているフリーのムービーダウンロードソフトが「4K Video Downloader」です。YouTubeやVimeoから、複数のムービーでもサクサクダウンロードできるようになっています。 4K Video Downloader | Free Video Downloader for PС, Mac and Linux | 4K Download http://www.4kdownload.com/products/product-videodownloader ◆インストール方法 4K Video Downloaderをインストールするには、上記のページにある「Get 4K Video Downloader」をクリック。 「ファイルを保存」をクリック。 保存した「4kvideo
動画ファイルをドラッグ＆ドロップして変換できるオープンソースソフト「Mobile Media Converter」
AMR・3GP・MP3・WMA・MP4・AVI・WMV・MOVの形式に変換することができるオープンソースソフトが「Mobile Media Converter」です。YouTubeの動画をダウンロードすることも可能で、Windows、Ubuntu、Mac OS Xに対応しています。 ダウンロードから操作方法までについては以下から。 Mobile Media Converter - Download http://www.miksoft.net/mobileMediaConverterDown.htm 今回はWindowsにインストールするので、上記サイトにある「Download for Windows」をクリック。 ダウンロードしたインストーラーを実行。 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Install」をクリック 「Fini
動画を変換して200種類以上のデバイスで再生を可能にするフリーソフト「Hamster Free Video Converter」
iPhone、iPad、PlayStation 3、PlayStation Portable、Xbox 360、Android搭載スマートフォンなどで持っている動画を再生できるように動画ファイルを変換するフリーソフトが「Hamster Free Video Converter」です。複数ファイルの一括変換なども可能で、Windows 2000、XP、Vista、7上で起動できます。 インストール、操作方法については以下から。 Hamstersoftから100％無料でダウンロードビデオコンバータ http://ja.hamstersoft.com/free-video-converter 上記サイトの「フリーダウンロード」をクリック。 ダウンロードしたインストーラーを起動。 「OK」をクリック 「次へ」をクリック 「次へ」をクリック インストール完了後、デスクトップに作成されたアイコンをダブ
BigVideo.js
デモページ デモは左のメニューから、動画を変更して再生できます。 BigVideo.jsの使い方 外部ファイル BigVideo.jsはjQuery, jQuery UIと、動画再生に「video.js」を利用しています。これら全てを外部ファイルとして記述します。 <!-- BigVideo Dependencies --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery-ui-1.8.22.custom.min.js"></script> <script src="js/jquery.imagesloaded.min.js"></script> <script src="http://vjs.zencdn.net/c/vide
保存できないストリーミング動画をパケットキャプチャで保存するフリーソフト「Free Video Catcher」
YouTubeなどの有名なサイトであればいくらでもダウンロード用のソフトがありますが、ちょっとマイナーなサイトであったり、あるいは独自に自サイトでストリーミング動画を展開しているような場合だと、ダウンロードできないことが多々あります。そういうときにパケットレベルでキャプチャを行って解析して保存するというある意味、力業で無理矢理解決してしまうのがフリーソフトが「Free Video Catcher」です。パケットキャプチャしたあとはFLV、MP3、MP4、WebM、Ogg Theoraのいずれかの形式で保存されます。 ダウンロード、インストール、操作方法については以下から。 Free Video Catcher http://www.kastorsoft.com/videocatcher_en.php 上記サイトの「Download」をクリック。 ダウンロードした実行ファイルを起動。 「Ne
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
動画を簡単にアニメーションGIFへ変換できる「Free Video to GIF Converter」NOT SUPPORTED