Metas open graph для создания доли с анимированным gif

Я пытаюсь создать страницу для обмена анимированными гифками, как это делает Giphy.

Если вы поделитесь этой ссылкой (http://giphy.com/gifs/mQpZtX0gKDESA), вы увидите, что общий доступ изображение становится воспроизводимым. Важно отметить, что я не хочу делиться прямой ссылкой на гифку. Мне нужно поделиться своей страницей с гифкой, а на общей странице должен отображаться воспроизводимый гиф.

Я уже пытался скопировать все мета-теги, которые использует Giphy, но не повезло.

Если кто-нибудь что-нибудь знает об этом, я буду очень признателен.

Спасибо за вашу помощь.


share facebook facebook-opengraph giphy animated-gif
person Angelo Silva    schedule 11.08.2015    source источник

Ответы (2)


arrow_upward
2
arrow_downward

В настоящее время по-прежнему можно отображать GIF-анимацию как видео, используя контейнер .SWF. Если вы сделаете такой Flash-контейнер, вы сможете использовать его для отображения анимированного GIF.

Контейнер должен быть параметризован, поэтому вы не должны жестко кодировать ссылку на изображение. Считайте параметр во Flash, загрузите изображение в формате GIF и отобразите его.

Когда вы закончите работу с Flash, откройте в браузере ссылку на скрипт (похожую на показанную ниже) - она ​​должна отобразить анимированное изображение.

http://website.com/container.swf?url=http://website.com/animated.gif

Наконец, заполните эти метатеги для Facebook в своем HTML:

<meta property="og:type" content="movie">
<meta property="og:video" content="http://website.com/container.swf?url=http://website.com/animated.gif" />
<meta property="og:video:secure_url" content="https://website.com/container.swf?url=http://website.com/animated.gif" />
<meta property="og:image" content="http://website.com/front.jpg"/>
<meta property="og:image:width" content="640" />
<meta property="og:image:height" content="480" />
<meta property="og:video:width" content="640" />
<meta property="og:video:height" content="480" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
person NXT    schedule 02.04.2016
comment
Не могли бы вы уточнить это? Что должно быть в этом контейнере? Может ли сам чеканка быть флеш-анимацией? - person gcstr; 12.07.2016
comment
SWF-файл должен содержать простой скрипт с URLLoader, который помещает в рабочую область gif-файл, на который имеется ссылка в параметре url. - person Patrick Gunderson; 29.09.2016

arrow_upward
1
arrow_downward

Эта функция в настоящее время еще не запущена публично. Это бета-функция, которая тестируется на некоторых веб-сайтах, но не является общедоступной. Когда это произойдет, это также будет отражено в общедоступной документации.

person Roemer    schedule 17.08.2015
comment
Спасибо за комментарий @Roemer. - person Angelo Silva; 27.11.2015