css - 使用 CSS 选中复选框时播放音频

Question

我试图在选中复选框后自动播放音频文件。我最初的想法是让音频标签自动播放，并像这样配置 CSS:

audio {
    display: none;
}
[type="checkbox"]:checked~audio {
    display: inline;
}

这当然行不通；音频将在网站加载时播放。任何人都知道如何做到这一点？也许有一些方法可以使空间与复选框'<label>相同标签用于播放音频。谢谢。

Answer 1

您可能需要 Javascript 或其他东西来完成此操作。据我所知，无法仅使用 CSS 来控制媒体播放器。