技術的な理由により、私の質問に対する回答がないようです。彼らはまだビデオで背景を透明にするシステムを発明していないようです. SWF は今のところサポートしているので、私の唯一の手段です。誰かが別の解決策を見つけたら、私に知らせてください。
最後に、私の解決策は回避策でした。Ipad 用に、アニメーションのイメージのフォールバックを含むフラッシュ コンテンツを作成しました。これは、他のデバイスではアニメーションを見ることができますが、アニメーション自体では見ることができないことを意味します. したがって、次の「ソリューション」を作成しました。
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="500" id="ani.rosa1">
<param name="movie" value="_swf/ani-rosa.swf" />
<param name="quality" value="best" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="_swf/ani-rosa.swf" width="500" height="500">
<param name="movie" value="_swf/ani-rosa.swf" />
<param name="quality" value="best" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<img src="_swf/ani.rosa1.png" alt="Get Adobe Flash player" />
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>