<click-to-play> — 静态画面可播放

<click-to-play> — a still that plays

二〇二六年六月十七日 · 英文原文

摘要

2026年6月17日，Simon Willison 发布了一个渐进增强的 Web Component `<click-to-play>`，可将 `<a>` 包裹的 `<img>` 标记转换为带“点击播放”按钮的静态帧，按需加载 GIF，避免大文件在未播放时被加载。该组件已用于其 Datasette 行编辑工具演示文章中。

2026年6月17日

一个渐进增强的 Web Component，可将以下标记：

<click-to-play>
  <a href="GIF 的 URL">
    <img src="首帧的 URL" alt="...">
  </a>
</click-to-play>

转换为一个带有“点击播放”按钮的静态帧，该按钮可按需加载 GIF。适用于不希望大 GIF 在用户未主动播放时被加载的场景。

这里有一个示例，展示了 Datasette 中新增的行编辑工具——实际上，我正是为那篇文章构建了这个 Web Component。

发布于2026年6月17日凌晨3:56

译自 Simon Willison · 博客 · 录于二〇二六年六月十七日