让 oEmbed 在我的非 WordPress（静态）网站上工作答案

【问题标题】：getting oEmbed to work on my non-WordPress (static) website让 oEmbed 在我的非 WordPress（静态）网站上工作
【发布时间】：2014-01-30 00:23:41
【问题描述】：

我有一个测试页面设置，其中包含几个不同格式的“oembed”样式链接，因为我试图看看什么有效： http://dev2.ohlone.edu/people/clambert/testoembed.html

它们都不起作用。我已经搜索并搜索了 Google，但没有发现任何表明我必须在 HTML 页面上包含 javascript 文件或其他任何内容。

服务器正在 MS Windows Server 上运行 Apache。我不管理服务器，也不熟悉它的设置。

这是一个静态网页 - 即不是使用 WordPress 或任何其他 CMS 生成的。

我错过了什么？谢谢， -谢丽尔·兰伯特网页设计师，奥隆学院

【问题讨论】：

标签： oembed

【解决方案1】：

您已在 html 中添加了指向 oembed 提供程序链接的链接。要展开它并使 html 中的内容可见，您所要做的就是

调用您已作为 XML http 请求添加的 oEmbed api

你应该做一些类似this的事情

然后你可以得到类似这样的响应

<oembed>
 <type>photo</type>
 <flickr_type>photo</flickr_type>
 <title>Bacon Lollys</title>
 <author_name>‮‭‬bees‬</author_name>
 <author_url>https://www.flickr.com/photos/bees/</author_url>
 <width>1024</width>
 <height>768</height>
 <url>
  https://farm4.staticflickr.com/3040/2362225867_4a87ab8baf_b.jpg
 </url>
 <web_page>https://www.flickr.com/photos/bees/2362225867/</web_page>
 <thumbnail_url>
  https://farm4.staticflickr.com/3040/2362225867_4a87ab8baf_q.jpg
 </thumbnail_url>
 <thumbnail_width>150</thumbnail_width>
 <thumbnail_height>150</thumbnail_height>
 <web_page_short_url>https://flic.kr/p/4AK2sc</web_page_short_url>
 <license>All Rights Reserved</license>
 <license_id>0</license_id>
 <html>
  <a data-flickr-embed="true" href="https://www.flickr.com/photos/bees/2362225867/" title="Bacon Lollys by ‮‭‬bees‬, on Flickr"><img src="https://farm4.staticflickr.com/3040/2362225867_4a87ab8baf_b.jpg" width="1024" height="768" alt="Bacon Lollys"></a><script async src="https://embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
 </html>
 <version>1.0</version>
 <cache_age>3600</cache_age>
 <provider_name>Flickr</provider_name>
 <provider_url>https://www.flickr.com/</provider_url>
</oembed>

解析响应内容并构造一个可能包含的div内容

文件名
作者姓名
提供者名称
说明或
嵌入视频内容

最后将内容添加到您的 HTML 页面。

【讨论】：