video - 如何在 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>
它们不在 ahead
或meta
标签中,所以我看不出是哪个负责视频展开。
相同的链接不会在 facebook messenger 或 Whatsapp 上展开。根据我的经验,iMessage 具有实验性功能(请参阅Facebook、Whatsapp 和 iMessage 的 OpenGraph 图像标准),因此此功能可能是短暂的。
我在我的服务器上尝试了第一个:
<video preload="auto" src="/video_small.mp4" controls></video>
它为 1.1 MB,可在浏览器上播放。在 iMessage 上,它不显示视频,只显示我放在meta
Open Graph 标签中的图像。
在 Facebook、Whatsapp 和 iMessage 上展开视频的链接是否有标准?
更新:回答评论:
(1) : 给同域名的视频添加完整的URL,无法在iMessage上展开视频。
(2) : 添加完整的 URL 并将上面的视频复制到我的服务器也失败。
解决方案
推荐阅读
- sql - 在excel中结合更新查询和提交
- github - 在 github-repo 的 README.md 中引用学术参考的简单方法
- postgresql - 检查大表中是否存在许多 FK 值的最快方法是什么?
- javascript - Vue2 js 滚动调用函数
- laravel - 存储带前导 0 的整数(如果设置)
- javascript - x-for 在带有变量引用的 Alpine.js 中不起作用
- javascript - 包含上的 Sequelize 属性正在覆盖 defaultScope
- php - 在 WooCommerce 订单状态更改中添加用户元数据作为订单元数据
- python - 查找全部 - 查找数据帧的一列与另一列匹配模式的所有出现并获取相应的值
- reactjs - 如何根据其他按钮的状态禁用按钮