【问题标题】:How this video play Icon got generated on html button, without giving any source?这个视频播放图标是如何在 html 按钮上生成的,而不提供任何来源?
【发布时间】:2026-01-27 20:20:05
【问题描述】:
<button id="play" aria-label="Play" role="button">►<!--how this icon is working--> 
</button>

我从 codepen 获得了这段代码,我正在使用 html、css 和 js 构建自定义 UI 视频播放器。现在上面的代码让我很困惑,图标是如何在没有提供任何源代码的情况下工作的。你能解释一下这个播放图标是如何创建的吗

有关完整代码,您可以在codepen查看此处

【问题讨论】:

  • btn.addEventListener("click", function() { media.currentTime = 0; }) js部分有这个代码..
  • 也许您的问题中我们遗漏了一些东西。但我想你会发现 ▶︎ (U+25B6 U+FE0E) 只是一个 unicode 符号 :-)

标签: javascript html css video html5-video


【解决方案1】:

它在 js 中完成!看这里。它通过 id 获取按钮和视频来播放它。

【讨论】:

  • 哇,谢谢,现在知道了!如果您能告诉我如何在视频播放器中拖动进度条,那将非常有帮助。 !!
【解决方案2】:

按钮的内部 html 设置为 Javascript 文件中的那个符号

【讨论】:

    最近更新 更多