[B! HTML5][video] tuffgong57のブックマーク

tuffgong57 id:tuffgong57

HTML5とvideoに関するtuffgong57のブックマーク (3)

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ストリーミング（ビットレートに最適化されたストリーミング）によって、ネットワーク状況
tuffgong57 2015/01/28
video

HTML5

youtube
リンク
[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid
.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量（800bytes）プラグインを紹介します。デモページ単に要素内の背景として表示しているため、デモのようにスクロールエフェクトと組み合わせることも簡単です。 CoverVidの使い方 Step 1: 外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script src="http://ajax.google apis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="covervid.min.js"></script> </body> Step 2: HTML 動画を背景として表示する親要素、もしくはラッパーを配置します。 <div class="
tuffgong57 2014/11/10
jQuery

HTML5

動画

背景

video
リンク
サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作部デザイナーのぺちこです。近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、お恥ずかしながらvideo実装をしたことがなかったので、ひたすら勉強三昧でした。背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。では早速行きましょう！オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、これがまた調べてもスクリプトが出てくるばかりで、
tuffgong57 2014/04/16
video

jQuery

動画

web制作

html5

js-video

JS

script
リンク
1