- naoyoshi_suzuki
- 1930
- 0
- 0
- 0
<video>のautoplayは自動再生、あんまりおすすめではない。posterはサムネイル。タグの間にテキストがあれば対応ブラウザへの代替指定。対応ブラウザならそこは無視される。 #wdx
2010-11-13 16:05:34<video>タグの中に<a>を入れることができる。<video>を読めないブラウザは、<a>を認識できる。 #wdx
2010-11-13 16:06:08なぜネイティブとしての動画が重要?プラグインはCSS等での制御が難しい。キーボードでの制御も出来る(Flashは難しい)。 #wdx
2010-11-13 16:08:01Androidのバーチャルデバイスをつくる。これはコンピュータ上にいくつでもつくれる #wdx
2010-11-13 16:09:50ただ対応動画フォーマットがブラウザによって違う。h.264 video codec は使うのにライセンスを買わないといけないとかいろいろややこしそう。画質はいいけれど。 #wdx
2010-11-13 16:15:17phoneGapをインストールする。Eclipse用とTarminal用がダウンロードできるようだ。デモはTarminal用 #wdx
2010-11-13 16:17:30そんなわけで数種類のフォーマットの動画を用意する必要がある。<video ....><source src=pudding.mp4 type=video/mp4>...</video>と並べて書く。ブラウザのほうで再生できるものを選ぶ。 #wdx
2010-11-13 16:22:26RT @dotsandstripes: phoneGapをインストールする。Eclipse用とTarminal用がダウンロードできるようだ。デモはTarminal用 #wdx
2010-11-13 16:22:45<video>の<source>タグの順番を工夫する。例えば、mp4->webm->ogvのようにすれば、古いブラウザにも対応ができる。 #wdx
2010-11-13 16:23:10RT @naoyoshi_suzuki: <video>の<source>タグの順番を工夫する。例えば、mp4->webm->ogvのようにすれば、古いブラウザにも対応ができる。 #wdx
2010-11-13 16:33:51<source src=xxx.mp4 type=video/mp4>でtypeを指定すればどのフォーマットタイプかブラウザが調べなくてもわかる。 #wdx
2010-11-13 16:36:03ogvファイルのmineタイプが"video/ogg"な理由は、昔からファイルの拡張子としてoggがあり、人間が見て「このファイルはビデオファイルではない」と誤解されることを防ぐため。 #wdx
2010-11-13 16:44:15デバイスの指定により再生ファイルを選択。たとえばデバイスの最小幅が800pxとか。media=”(min-device-width:800px)” OperaとiPhoneで対応。 #wdx
2010-11-13 16:47:05