如何使用 URL 嵌入视频答案

【问题标题】：how to embed a video using URL如何使用 URL 嵌入视频
【发布时间】：2012-05-13 06:42:44
【问题描述】：

快速提问：

是否有一种通用方法可以使用 URL 嵌入视频，而不是使用“嵌入代码”，例如 <iframe src="http://player.vimeo.com/video/41406753?byline=0&amp;portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 或 <iframe width="560" height="315" src="http://www.youtube.com/embed/JEPYYo0-gfc" frameborder="0" allowfullscreen></iframe>）。

我需要以单独的方式管理每个案例吗？（提取 id 并构建适当的 iframe 标记）。

谢谢

【问题讨论】：

您需要使用脚本（服务器端或客户端）来查找特定的 url（Youtube、Vimeo 等）并为它们生成预设的嵌入代码。
@NADH 你是对的。我最终做了一些完全不同的事情，但如果我这样做了，我将需要分别管理每个案例。您能否将您的评论添加为答案，以便我接受？
@Robert ：你能告诉我它是如何开始的吗？如果可能，请在客户端向我展示用于提交 url 并获取嵌入视频（预设视频）的代码。拜托我从一周以来一直在挣扎。我需要在我的应用程序中实现与 facebook 视频上传相同的功能。

标签： html video video-embedding

【解决方案1】：

这段代码会对你有所帮助..

<iframe  width="425" height="344" 
src="https://www.microsoft.com/es-es/videoplayer/embed/RWfmWf?pid=ocpVideo0-innerdiv-oneplayer&postJsllMsg=true&maskLevel=20&market=es-es" 
frameborder="0" allowfullscreen></iframe>

你可能会注意到 src 的那一行……那是你必须编写自己的 URL 的地方。

【讨论】：

问题是 iframe 标签是否可以以一般方式编写，或者以某种方式自动编写。

【解决方案2】：

我会推荐使用 oEmbed。根据他们的官方网站，“oEmbed 是一种允许在第三方网站上嵌入 URL 表示的格式。简单的 API 允许网站在用户发布指向该资源的链接时显示嵌入的内容（例如照片或视频），而不必直接解析资源。” http://oembed.com/

【讨论】：