如何使用SVG制作图像和视频的幻灯片？

我有两个图像（png）和两个视频（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>

---

提前感谢

什么是“仅SVG”？您可以将

与HTML5

元素一起使用吗？你会使用JavaScript吗？如果不是，在我看来是不可能的。我的意思是，作为结果，我应该在SVG1.2中运行.svg文件（没有html或javascript），您想要的一切都是可能的，但您的目标是什么？他们支持SVG Tiny 1.2吗？（我不知道有这样的浏览器，所以如果有人能给我指一个，那会很有趣。）可以找到相关信息。Opera支持SVG 1.2 Tiny。需要支持最新版本的浏览器，android 3.0和更高版本的iOS 6.0