2014-01-30 26 views
1

我有一個測試頁面設置與幾個「透過oEmbed」以不同的格式風格的鏈接,因爲我是想看看有什麼工作:的 http://dev2.ohlone.edu/people/clambert/testoembed.html越來越透過oEmbed對我的非WordPress的工作(靜態)網站

無他們工作。我搜索並搜索了Google,發現沒有任何內容表明我必須在HTML頁面上包含JavaScript文件或其他任何內容。

服務器在MS Windows Server上運行Apache。我不管理服務器,也不熟悉它的設置。

這是一個靜態網頁 - 即不是使用WordPress或任何其他CMS生成的。

我錯過了什麼? 謝謝 -Cheryl蘭伯特 網頁設計師,奧龍學院

回答

1

您已經添加了鏈接,透過oEmbed在HTML提供商聯繫。揚起了它,使人們看到的內容在你的HTML所有你需要做的就是

  • 調用oEmbed API,它已添加爲XML HTTP請求

你應該做一些事情像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頁面。