首页 > 解决方案 > 如何在 URL 展开时显示视频?

问题描述

当我在 iMessage 上分享一个以视频形式展开的页面时,我感到很惊讶(我将其包含在一个亚马逊产品中以供参考,但与此无关)。

该页面有多次出现.mp4,例如:

<video id="7" preload="auto" style="position: absolute; left: 0px; top: 0px; overflow: hidden; height: 1px; width: 1px;" src="https://m.media-amazon.com/images/I/C1g6NzH-yaS.mp4">

<script>
jQuery.parseJSON('{..., "url":"https://m.media-amazon.com/images/I/C1g6NzH-yaS.mp4", ...})

{..., "videoUrl":"https://m.media-amazon.com/images/I/C1g6NzH-yaS.mp4", ...}
</script>


<div ... src="https://m.media-amazon.com/images/I/C1g6NzH-yaS.mp4" ...>...</div>

<div ... data-video-url="https://d12xgfa7l6zj5h.cloudfront.net/9569dba3-5545-4b63-92a8-b7af7047d14d/default.jobtemplate.mp4.480.mp4" ... >...</div>
</script>

它们不在 aheadmeta 标签中,所以我看不出是哪个负责视频展开。

相同的链接不会在 facebook messenger 或 Whatsapp 上展开。根据我的经验,iMessage 具有实验性功能(请参阅Facebook、Whatsapp 和 iMessage 的 OpenGraph 图像标准),因此此功能可能是短暂的。

我在我的服务器上尝试了第一个:

<video preload="auto" src="/video_small.mp4" controls></video>

它为 1.1 MB,可在浏览器上播放。在 iMessage 上,它不显示视频,只显示我放在metaOpen Graph 标签中的图像。

在 Facebook、Whatsapp 和 iMessage 上展开视频的链接是否有标准?

更新:回答评论:

(1) : 给同域名的视频添加完整的URL,无法在iMessage上展开视频。

(2) : 添加完整的 URL 并将上面的视频复制到我的服务器也失败。

标签: videofacebook-opengraphwhatsappimessage

解决方案


推荐阅读