javascript - Open Graph Gifs that animates when shared -


is possible construct og metatags of website such when website link shared facebook, preview image (a gif), animates automatically?

here & here it's talked how giphy accomplishes it, wrapping gif in swf file. it's 2016 there better (and supported) way accomplish this? couldn't find in facebook docs , i'd keep og:type meta tag having value of website.

here's snippet of metatag config obejct (i use react helmet populate tags):

  { property: 'fb:app_id', content: 'some_app_id' },   { property: 'og:description', content: 'my site's description' },   { property: 'og:image', content: 'http://example.com' },   { property: 'og:image:type', content: 'image/gif' },   { property: 'og:title', content: 'my site' },   { property: 'og:url', content: 'http://example.com' },   { property: 'og:type', content: 'website' },   { property: 'og:image:width', content: '657' },   { property: 'og:image:height', content: '411' },    { charset: 'utf-8' },   { property: 'og:site_name', content: 'my site' },   { property: 'og:locale', content: 'en_us' }, 

i looked last summer. understanding must wrap image in swf file or javascript video player (which javascript program far tell). many of big players (check out youtube page) have number of ways present content using og - including swf, javascript player, image, etc device being viewed on might not have ability use 1 or more of methods, can fall on method - i.e. degrade gracefully.

here youtube header (a bit overkill?):

 <meta property="og:site_name" content="youtube">       <meta property="og:url" content="https://www.youtube.com/watch?v=ukopnk5fc4k">     <meta property="og:title" content="pearl jam 10-16-2014 detroit mi full show multicam sbd blu-ray">     <meta property="og:image" content="https://i.ytimg.com/vi/ukopnk5fc4k/maxresdefault.jpg">        <meta property="og:description" content="pearl jam 10-16-2014 detroit michigan full show multicam sbd blu ray 2014 lightning bolt tour full show blu ray torrent (added 06-05-2015) option 1 - http://...">      <meta property="al:ios:app_store_id" content="544007664">     <meta property="al:ios:app_name" content="youtube">       <meta property="al:ios:url" content="vnd.youtube://www.youtube.com/watch?v=ukopnk5fc4k&amp;feature=applinks">        <meta property="al:android:url" content="vnd.youtube://www.youtube.com/watch?v=ukopnk5fc4k&amp;feature=applinks">     <meta property="al:android:app_name" content="youtube">     <meta property="al:android:package" content="com.google.android.youtube">     <meta property="al:web:url" content="https://www.youtube.com/watch?v=ukopnk5fc4k&amp;feature=applinks">      <meta property="og:type" content="video">         <meta property="og:video:url" content="https://www.youtube.com/embed/ukopnk5fc4k">         <meta property="og:video:secure_url" content="https://www.youtube.com/embed/ukopnk5fc4k">         <meta property="og:video:type" content="text/html">         <meta property="og:video:width" content="1280">         <meta property="og:video:height" content="720">         <meta property="og:video:url" content="http://www.youtube.com/v/ukopnk5fc4k?version=3&amp;autohide=1">         <meta property="og:video:secure_url" content="https://www.youtube.com/v/ukopnk5fc4k?version=3&amp;autohide=1">         <meta property="og:video:type" content="application/x-shockwave-flash">         <meta property="og:video:width" content="1280">         <meta property="og:video:height" content="720">          <meta property="og:video:tag" content="pearl jam (musical group)">         <meta property="og:video:tag" content="pearl jam">         <meta property="og:video:tag" content="pj">         <meta property="og:video:tag" content="full show">         <meta property="og:video:tag" content="full concert">         <meta property="og:video:tag" content="hd">         <meta property="og:video:tag" content="blu ray">         <meta property="og:video:tag" content="live">         <meta property="og:video:tag" content="eddie vedder (musical artist)">         <meta property="og:video:tag" content="black">         <meta property="og:video:tag" content="alive">         <meta property="og:video:tag" content="even flow">         <meta property="og:video:tag" content="sirens">         <meta property="og:video:tag" content="complete concert">         <meta property="og:video:tag" content="frozen let go">         <meta property="og:video:tag" content="pearl jam concert">         <meta property="og:video:tag" content="pearl jam full show">         <meta property="og:video:tag" content="pearl jam full concert">         <meta property="og:video:tag" content="pearl jam 2014">         <meta property="og:video:tag" content="pearl jam 10-16-2014">         <meta property="og:video:tag" content="pearl jam 16-10-2014">         <meta property="og:video:tag" content="10-16-2014">         <meta property="og:video:tag" content="16-10-2014">         <meta property="og:video:tag" content="pearl jam detroit full show">         <meta property="og:video:tag" content="pearl jam detroit 2014">         <meta property="og:video:tag" content="10-16-2014 detoit">         <meta property="og:video:tag" content="pearl jam joe louis arena">         <meta property="og:video:tag" content="pearl jam michigan">         <meta property="og:video:tag" content="pj detroit">         <meta property="og:video:tag" content="joe louis arena"> 

Comments

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

css - Make div keyboard-scrollable in jQuery Mobile? -

ruby on rails - Seeing duplicate requests handled with Unicorn -