I was surprised when I shared a page that unfurled as a video on iMessage (an Amazon product which I include for reference and have no affiliation with).
The page has several occurrences of .mp4
, such as:
<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>
They are not in a head
or meta
tags, so I don't see which is responsible for the video unfurling.
The same link does not unfurl with an image on facebook messenger nor on Whatsapp. In my experience, iMessage has had experimental features (see OpenGraph image standards for Facebook, Whatsapp, and iMessage), so this feature could be short-lived.
I tried the first one on my server with:
<video preload="auto" src="/video_small.mp4" controls></video>
It is 1.1 MB and plays on a browser. On iMessage, it does not show a video, only the image I placed in the meta
Open Graph tag.
Is there a standard for links to unfurl with a video on Facebook, Whatsapp, and iMessage?
Update: To answer the comments:
(1): Adding a full URL to the video with the same domain name fails to unfurl a video on iMessage.
(2): Addding a full URL with the video above copied to my server also fails.