iframe - 可以在 svg 中嵌入 youtube 视频吗?

标签 iframe svg youtube embed

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

最佳答案

<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>
这应该够了吧。小心,xmlns属性保留在 iframe 元素上。 foreignObjectexplained here .

关于iframe - 可以在 svg 中嵌入 youtube 视频吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6134184/

相关文章:

javascript - 如何从 AngularJS 中的变量设置 iframe src 属性

ios - iframe 在 iOS 上溢出 div

css - 在 Firefox 中,svg 掩码不缩放

php - 从YouTube API JSON响应(PHP)中随机选择一个视频

ios - 在 iOS 设备中启动 YouTube 应用程序

javascript - Magnific Popup iframe 高度和宽度

html - 具有响应式 iframe 的 Bootstrap 4 模态

javascript - 如何启用 Safari 滚动 SVG(滚动 div 中的对象标签)?

javascript - 向嵌套结构中的 svg 组添加边框

youtube - 我无法将完全有效的AdSense帐户与YouTube channel 相关联