サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、制作部デザイナーのぺちこです。 近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、 お恥ずかしながらvideo実装をしたことがなかったので、 ひたすら勉強三昧でした。 背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、 動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！ 動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。 せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。 では早速行きましょう！ オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、 これがまた調べてもスクリプトが出てくるばかりで、
無料で多くの動画サイトからAVI・MP4形式などに変換してダウンロードできる「xVideoServiceThief」
Windows・Linux・MAC OS Xに対応し、YouTube・UStream・Google Video・Yahoo! Video・Vimeo・YourFileHostなどの動画サイトの動画をAVI・WMV・MPEG1・MPEG2・MP4・MP4 HD・3GP・MP3形式またはApple iPod・Sony PSP用に変換可能で、オープンソースソフトとして開発されているのが「xVideoServiceThief」です。インストール・日本語化・形式を変換してダウンロードする方法は以下から。 ダウンロード可能な動画サイトは123video・5min・ARD Mediathek・ATV・Aniboom・Atom・Bebo・Blip・Boing Boing・Break・Caught On Tape・Ceknito・CinemaVIP・Clip4e・ClipJunkie・Clipfish・Co
[JS]一行追加するだけで、IE6/7/8でもHTML5のvideoとaudioを利用できる -html5media
HTML5のvideo要素やaudio要素をサポートしていないメジャーブラウザでもたった一行、ページに追加するだけでこれらを利用できるようにするスクリプトを紹介します。 html5media デモページ [ad#ad-2] html5mediaの実装 html5mediaの利用方法は簡単です。 ページに追加する一行 下記をページのhead内に記述します。 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> これだけで、すべてのメジャーブラウザでHTML5のvideoとaudioを利用できるようになります。 video, audioに非対応のIE7でも期待通りに動画が再生されます。 IE6(IE Tester)でのキャプチャ 参考：video, audioのサポート状況 video, audio
Allocinit | Welcome to Alloc Init. I hope you enjoy your stay.
About"What is this site all about, and why is it called Alloc Init?" Like most personal websites, this site serves as a focal point for my digital existence. Here you’ll find a collection of things that I feel others might have an interest in. As for the name, I think we all know that all of the good domain names are taken. I’ve been planning to start a site for some time, and the biggest obstacle
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
