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

问题描述 投票:1回答:1

在我的网站上,我有一些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 ......)我只看到了视频,因为它是亚马逊链接,但是看起来在源代码中,我没有看到任何表明应该拍摄的视频或者哪一个(有几个,iMessage选择了第一个),并且我没有在线找到相关信息。也许这只适用于苹果和亚马逊之间的东西,我想知道这是否是任何网站都可以使用的东西。

ios html5 social-networking opengraph imessage
1个回答
0
投票

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

根据Apple的"Best Practices for Link Previews in Messages" Technical Noteog:videotwitter:player:stream都会努力为消息添加视频预览(强调我的):

Videos in link previews

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

在页面的底部,指定链接媒体有一些限制,特别是每个资源限制为1MB,我没有关注(强调我的):

Limits

  • 所有限制在任何时间点都可能发生变化;仅将这些用作指南。
  • 图标应为方形,每边至少108px。
  • 图像的宽度至少应为900像素。
  • 宽度小于150像素的图像将不会被使用,或者可能会显示为图标。
  • 位于链接的主要资源限制为1MB。子资源(选择最有趣的图标,图像和视频)的总大小限制为10MB。
© www.soinside.com 2019 - 2024. All rights reserved.