[解決済み] Android における HTML5 の <video> 要素

質問

によると。

http://developer.android.com/sdk/android-2.0-highlights.html

Android 2.0 は HTML5 video 要素をサポートしているはずです。Motorola Droid を使用してこれを動作させることができず、また、世の中にある HTML5 ビデオのサンプル ページでビデオを正常に表示することができませんでした。現在、QuickTimeやFlashのサポートがないため、Webページにmp4ビデオを埋め込むには、これしか思いつきません。どなたか、この方法について成功された方はいらっしゃいますか？

どのように解決するのですか?

私はこの件について少し実験してみたのですが、私が言えることは、3つのことが必要だということです。

1. を使用してはいけません。 タイプ 属性を使用してはいけません。
2. 手動で video.play() を呼び出す必要があります。
3. ビデオはかなり厳しいパラメータでエンコードする必要があります。Handbrake で 'Web Optimized' ボタンをオンにして iPhone 設定を使用すると、通常トリックが実行されます。

このページでデモをご覧ください。 http://broken-links.com/tests/video/

これは、AFAIK では、すべてのビデオ対応デスクトップ ブラウザ、iPhone、Android で動作します。

以下はそのマークアップです。

<video id="video" autobuffer height="240" width="360">
<source src="BigBuck.m4v">
<source src="BigBuck.webm" type="video/webm">
<source src="BigBuck.theora.ogv" type="video/ogg">
</video>

で、JSにこんなのがあります。

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

Samsung Galaxy Sでテストしてみましたが、問題なく動作しました。