可以在svg中嵌入YouTube视频吗？

Question

可以在svg中嵌入YouTube视频吗？

Sozi是一个inkscape扩展,在启用svg的Web浏览器中查看时,允许类似Prezi的平移/缩放svg文件.YouTube视频可以嵌入Prezi中,我希望能够在svg中嵌入YouTube视频(或任何类型的视频).我知道可以在svg文档中创建html链接(并且inkscape直接支持这一点).有没有办法将视频(通过iframe或视频标签？)嵌入到svg中？

Answer 1

Bol*_*wyn 9

<foreignObject width="560" height="349">
  <iframe xmlns="http://www.w3.org/1999/xhtml"
    width="560" height="349"
    src="http://www.youtube.com/embed/YOUR-MOVIE-ID"
    frameborder="0"></iframe>
</foreignObject>

Run Code Online (Sandbox Code Playgroud)

这应该够了吧.请注意,该xmlns属性保留在iframe元素上.foreignObject在这里解释.

刚刚在 Chrome 15.0 中使用 SVG 尝试过：它有效。但前提是带有视频的 iframe 没有旋转（`<g transform=...>`）。此外，如果视频中有多个 `<foreignObject>`，则仅显示第一个。 (2认同)
这可能是因为如果没有设置`x`和`y`属性,则foreignObjects在原点处相互叠加. (2认同)
嗯，我想你误读了那个页面。仅 IE11 及更低版本不支持“foreignObject”。caniuse 显示的功能是“用于 HTML 的 SVG 效果”。 (2认同)

归档时间：	14 年，5 月前
查看次数：	5826 次
最近记录：	9 年，5 月前