最近写博客的时候想插入 Live 图，就是那种在 iCloud 上预览的那种效果 参考了： https://developer.apple.com/live-photos/和 https://developer.apple.com/documentation/livephotoskitjs 效果都不是很好 在 markdown 插入 html 代码块之后无法正常加载 也尝试使用 iframe 还是不行 想问问各位老哥有没有什么其他的方法 能够实现这种 Live 图的互动效果 官方给的示例代码是这样的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.apple-livephotoskit.com/lpk/1/livephotoskit.js"></script>
</head>
<body>
<div
data-live-photo
data-photo-src="https://..."
data-video-src="https://..."
style="width: 320px; height: 320px">
</div>
</body>
</html>
将对应资源替换后 我的本地预览是这样的：
这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.