在我的网站上,我有一些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 ......)而且我只看到了视频#&# 39;是一个亚马逊链接,但是查看源代码,我看不到任何表明应该拍摄视频的内容或者哪个(有几个,iMessage选择了第一个),而且我还没有#。在网上找到相关信息。也许这只适用于苹果和亚马逊之间的东西,我想知道它是否是任何网站都可以使用的东西。
答案 0 :(得分:0)
我使用了正确的标签(og:video
),但是问题是视频的文件大小。
根据Apple的"Best Practices for Link Previews in Messages" Technical Note,og:video
或twitter:player:stream
都可以将视频预览添加到消息中(重点是我):
链接预览中的视频
- 在Open Graph元数据中直接链接到视频资产要比引用可嵌入视频页面更好。通过直接链接到视频,消息将快速加载和显示,并使用系统用户界面播放视频。
- 如果链接预览机制遇到
og:video
或twitter:player:stream
指向可以播放的可下载单个媒体资产(例如MPEG-4文件),它将尝试下载视频并自动播放。- 可以流式传输但不能下载的视频(例如HTTP Live Streams或QuickTime参考电影)仍将内联播放,但要求用户点击以开始播放。需要嵌入HTML或插件的视频无法内联播放。
在页面底部,指定了链接媒体的一些限制,尤其是我没有关注的每个资源都有1MB的限制(重点是我的):
限制
- 所有限制随时可能更改;仅将这些用作指导。
- 图标应为正方形,每边至少108px。
- 图片的宽度至少应为900px。
- 宽度小于150像素的图像将不被使用,或可能显示为图标。
- 位于链接的主要资源限制为1MB 。子资源(被选为最有趣的图标,图像和视频)的总大小限制为10MB。