共享链接时显示视频缩略图而不是静态图像

时间:2017-07-31 15:35:18

标签: ios html5 social-networking opengraph imessage

在我的网站上,我有一些OpenGraph元数据,因此我可以自定义在社交网络或消息应用程序中共享时的缩略图,标题和说明:

<meta property="og:title" content="Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://mypage.com" />
<meta property="og:image" content="http://mypage.com/path/to/thumb.png" />
<meta property="og:description" content="Description of my page" />

前几天,通过iOS上的Messages / iMessage发送消息,我发现一些共享链接(不是来自我的网站)播放静音视频而不是静态图像作为缩略图(它似乎发生在iOS 10之后)。以下是亚马逊链接的示例:

Screenshot of Messages showing a video thumbnail

有没有办法指定不使用静态图片作为缩略图,应用应该使用视频?使用OpenGraph标签或其他系统。我尝试过使用它,但它似乎不起作用:

<meta property="og:video" content="http://mypage.com/path/to/video.mp4" />

另外,我还没有能够在与iMessage不同的消息传递系统中复制此效果(我尝试使用Google Chat,Skype,WhatsApp,GMail ......)而且我只看到了视频#&# 39;是一个亚马逊链接,但是查看源代码,我看不到任何表明应该拍摄视频的内容或者哪个(有几个,iMessage选择了第一个),而且我还没有#。在网上找到相关信息。也许这只适用于苹果和亚马逊之间的东西,我想知道它是否是任何网站都可以使用的东西。

1 个答案:

答案 0 :(得分:0)

我使用了正确的标签(og:video),但是问题是视频的文件大小

根据Apple的"Best Practices for Link Previews in Messages" Technical Noteog:videotwitter:player:stream都可以将视频预览添加到消息中(重点是我):

  

链接预览中的视频

     
      
  • 在Open Graph元数据中直接链接到视频资产要比引用可嵌入视频页面更好。通过直接链接到视频,消息将快速加载和显示,并使用系统用户界面播放视频。
  •   
  • 如果链接预览机制遇到og:videotwitter:player:stream指向可以播放的可下载单个媒体资产(例如MPEG-4文件),它将尝试下载视频并自动播放
  •   
  • 可以流式传输但不能下载的视频(例如HTTP Live Streams或QuickTime参考电影)仍将内联播放,但要求用户点击以开始播放。需要嵌入HTML或插件的视频无法内联播放。
  •   

在页面底部,指定了链接媒体的一些限制,尤其是我没有关注的每个资源都有1MB的限制(重点是我的):

  

限制

     
      
  • 所有限制随时可能更改;仅将这些用作指导。
  •   
  • 图标应为正方形,每边至少108px。
  •   
  • 图片的宽度至少应为900px。
  •   
  • 宽度小于150像素的图像将不被使用,或可能显示为图标。
  •   
  • 位于链接的主要资源限制为1MB 。子资源(被选为最有趣的图标,图像和视频)的总大小限制为10MB。
  •