HTML5のvideo要素とFlashのswfを切り分けて表示する: JavaScriptメモ
HTML5のvideo要素に対応しているブラウザではvideo要素を利用して、対応していないブラウザではFlash のswfオブジェクトを表示するJavaScript。 try { var v = document.createElement("video"); if (v && v.canPlayType && v.canPlayType("video/mp4").match(/^(probably|maybe)$/i)) { $("object.movie01").hide(); }else{ $("video.movie01").hide(); } } catch (e) { $("video.movie01").hide(); } object要素とvideo要素に適当なclass属性を振っておき、表示・非表示で切り分ける。video要素に対応しているブラウザは生成したvideo要
[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
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
Zooming and rotating for video in HTML5 and CSS3 – Mozilla Hacks - the Web developer blog
The source of the code examples in this post is available on GitHub and you can see the demo in action. There are dozens of video players that allow you to do all the normal things with videos: play, pause, jump to a certain time and so on. More advanced ones also allow you to fast forward and reverse the video and support subtitles. One thing I haven’t found yet though is zooming and rotation of
HTML Video Codec Support in Chrome
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
HTML5 のビデオ・コーデック « HTML5.JP ブログ
ブラウザー・ベンダーがコーデックを選択した理由 各ブラウザー・ベンダーがビデオ・コーデックを選択した理由はさまざまでしょうが、少なくとも、H.264 を採用しなかったブラウザー・ベンダーの理由は、H.264 の特許問題でしょう。 先日、Mozilla に多大なる貢献をしている Robert O’Callahan 氏が、自身のブログで、なぜ Mozilla が H.264 を採用しないのかを分かりやすく説明しています。 Video, Freedom And Mozilla この記事から、さまざまな理由があり Mozilla が H.264 を採用しなかったことが良く分かります。この中でも、私個人的に印象的だったのは、フリー・ソフトウェアであることを信条とし、H.264 の採用はそれに反する、という点でした。また、Mozilla は理想主義者だという批判に対して、それを認め、それが Mozil
HTML5でアクセシブルな字幕付きビデオを | Web標準Blog | ミツエーリンクス
OperaでWebエバンジェリストを努めるBruce Lawsonが、「アクセシブルなHTML5のビデオ」という記事を実装方法とともに紹介しています。 Accessible HTML5 Video with JavaScripted captions デモ：“HTML5 Video with JavaScripted synchronised captions: demo” (video要素とOgg Theoraをサポートするブラウザーが必要です) videoのアクセシビリティ video要素やaudio要素のアクセシビリティは、動画や音声にデータとして情報を含む事が望ましいとされています。ただ、それが難しい場合のことを考えて、このデモではビデオの字幕をページ内に記述し、それをビデオの上に重ねるという手法で字幕を表示させています（JavaScriptが有効でない環境では、トランスクリプトが
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
