嵌入来自 Youtube、Vimeo 等的视频答案

【问题标题】：Embed videos from Youtube, Vimeo, etc嵌入来自 Youtube、Vimeo 等的视频
【发布时间】：2017-04-27 09:28:37
【问题描述】：

我想在我的网站上嵌入视频，但我不想在我的服务器上保留视频。我想要一个 iframe 之类的东西，但我希望能够使用来自任何来源的链接，而不仅仅是来自 youtube 或 vimeo。我能做什么？

  <iframe width="560" height="349" src="https://www.youtube.com/embed/FM7MFYoylVs?enablejsapi=1&playsinline=1&controls=0" frameborder="0"  allowfullscreen id="video"></iframe>

这是我尝试过的，但这不是我需要的。:(

【问题讨论】：

标签： html video youtube

【解决方案1】：

我觉得iframe应该是你最好的选择，但是iframe不是你需要的，你也可以看看object

<html>
 <body>
  <iframe src="http://www.youtube.com/embed/W7qWa52k-nE"
   width="560" height="315" frameborder="0" allowfullscreen></iframe>

  <object data="http://www.youtube.com/embed/W7qWa52k-nE"
   width="560" height="315"></object>

<object data="http://player.vimeo.com/video/214414572"     
width="561" height="316" frameborder="0" webkitAllowFullScreen mozallowfullscreen 
allowFullScreen></object>
 </body>
</html>

对 vimeo 视频的支持取决于目标，因为 vimeo 视频是 Flash。因此，如果您使用 iframe 或 object 显示 vimeo 视频，那么只要设备受支持，它就会显示视频

【讨论】：

我添加了一个 vimeo 示例...看看它

【解决方案2】：

可以拥有自己的 iframe，然后根据需要嵌入所需的 iframe 或 src。
因此，您将拥有一个 MASTER iframe，它在加载时会将 youtube iframe 保存在里面。您可以对您需要的每个选项执行相同的操作。只需设置您的 iframe 大小以匹配其他大小。

【讨论】：