在我的网站上,我有一些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之后)。以下是亚马逊链接的示例:
有没有办法指定,而不是使用静态图像作为缩略图,应用程序应该使用视频?使用OpenGraph标签或其他系统。我尝试使用它,但它似乎不起作用:
<meta property="og:video" content="http://mypage.com/path/to/video.mp4" />
此外,我无法在与iMessage不同的消息传递系统中复制此效果(我尝试使用Google Chat,Skype,WhatsApp,GMail ......)我只看到了视频,因为它是亚马逊链接,但是看起来在源代码中,我没有看到任何表明应该拍摄的视频或者哪一个(有几个,iMessage选择了第一个),并且我没有在线找到相关信息。也许这只适用于苹果和亚马逊之间的东西,我想知道这是否是任何网站都可以使用的东西。
我使用的是正确的标签(og:video
),但问题是视频的文件大小。
根据Apple的"Best Practices for Link Previews in Messages" Technical Note,og:video
或twitter:player:stream
都会努力为消息添加视频预览(强调我的):
Videos in link previews
- 在Open Graph元数据中直接链接到您的视频资源比引用可嵌入视频页面更好。通过直接链接到视频,消息将加载并快速显示,并使用系统用户界面进行视频播放。
- 如果链接预览机器遇到指向可下载的可下载单个媒体资产(例如,MPEG-4文件)的
og:video
或twitter:player:stream
,它将尝试下载视频并自动播放。- 可以流式传输但未下载的视频(例如HTTP直播流或QuickTime参考电影)仍将内联播放,但需要用户点按才能开始播放。需要嵌入HTML或插件的视频不会内嵌播放。
在页面的底部,指定链接媒体有一些限制,特别是每个资源限制为1MB,我没有关注(强调我的):
Limits
- 所有限制在任何时间点都可能发生变化;仅将这些用作指南。
- 图标应为方形,每边至少108px。
- 图像的宽度至少应为900像素。
- 宽度小于150像素的图像将不会被使用,或者可能会显示为图标。
- 位于链接的主要资源限制为1MB。子资源(选择最有趣的图标,图像和视频)的总大小限制为10MB。