oEmbed在我的非WordPress(静态)网站上工作

时间:2014-01-30 00:23:42

标签: oembed

我有一个测试页设置,其中包含多个不同格式的“oembed”式链接,因为我试图看看哪些有效: http://dev2.ohlone.edu/people/clambert/testoembed.html

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

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

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

我错过了什么? 谢谢, -Cheryl Lambert 网页设计师,Ohlone College

1 个答案:

答案 0 :(得分: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页面。