заставить oEmbed работать на моем не-WordPress (статическом) веб-сайте

У меня есть тестовая страница с несколькими ссылками в стиле "oembed" в разных форматах, потому что я пытался увидеть, что сработало: http://dev2.ohlone.edu/people/clambert/testoembed.html

Ни один из них не работает. Я искал и искал Google и не нашел ничего, что указывало бы на то, что я должен включить файл javascript или что-то еще на странице HTML.

На сервере работает Apache на MS Windows Server. Я не управляю сервером и не знаком с его настройкой.

Это статическая веб-страница, т. е. не созданная с помощью WordPress или какой-либо другой CMS.

Что мне не хватает? Спасибо, — Шерил Ламберт, веб-дизайнер, Колледж Олоне.


oembed
person user3251171    schedule 30.01.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы добавили ссылки на oembed провайдеров в свой html. Чтобы развернуть его и сделать видимым содержимое вашего html, все, что вам нужно сделать, это

  • Вызовите oEmbed API, который вы добавили в виде HTTP-запроса XML.

вы должны сделать что-то вроде это

Тогда вы можете получить ответ примерно так

<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-страницу.

person Tom Taylor    schedule 03.07.2017