ビデオを Web ページに埋め込むための、シンプルでクリーンな、Flash を使用しないクロスブラウザー ソリューションが必要です。私は以下の解決策を思いつきました。誰かがそれをさらに改善できるかどうかを知りたいです。
<object>
ビデオのバッファリング中にメソッドで静止画像を表示できますか?- 誰かがそれらの条件付きコメントを確認できますか? 少し混乱しました
downlevel-hidden
:)downlevel-revealed
次のようにビデオを変換します (IE 8 では WMV、Firefox では WEBM、その他では H264 を使用):
ffmpeg -i video.mov -b 3000k -vcodec wmv2 -acodec wmav2 -ab 320k -g 30 out.wmv
ffmpeg -i video.mov -b 3000k -vcodec libvpx -acodec libvorbis -ab 320k -g 30 out.webm
マークアップ (条件付きコメントを使用して IE 8 ユーザーへのフォールバックを作成):
<![if (!IE) | (gte IE 9)]>
<video controls="true" autoplay="true" poster="video.jpg">
<source src="video.mov" type="video/quicktime"/>
<source src="video.webm" type="video/webm"/>
</video>
<![endif]>
<!--[if (IE) & (lt IE 9)]>
<object classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" width="1280" height="720">
<param name="filename" value="video.wmv"/>
<param name="autostart" value="autostart"/>
<param name="showcontrols" value="true"/>
<param name="showstatusbar" value="true"/>
</object>
<![endif]-->