svg - SVG で画像や動画のスライドショーを作成するには?

Question

2 つの画像 (png) と 2 つのビデオ (mp4) があります。次のシーケンスでスライドショーを作成する必要があります:

• ビデオ #1 を再生します。
• 画像を表示し、画像の下部にフェード効果のあるテキストを表示します。
• 動きのある別の画像を表示し、中央にズームします。
• ビデオ #2 を再生します。

SVG のみを使用する必要があります。example.svg を実行するだけで、上記のスライドショーが再生されるはずです。

<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
    <foreignObject id='v1' width="640" height="420">
        <iframe xmlns="http://www.w3.org/1999/xhtml" width="640" height="420" src="video1.ogg" frameborder="0"/>
    </foreignObject>
    <image width="640" height="1136" xlink:href="1.jpg">
        <animate id='a1' attributeType="CSS" attributeName="opacity" begin='v1.end' from="1" to="0" dur="5s" repeatCount="1" />
   </image>
</svg>

前もって感謝します