这个视频播放图标是如何在 html 按钮上生成的,而不提供任何来源?

How this video play Icon got generated on html button, without giving any source?

<button id="play" aria-label="Play" role="button">►<!--how this icon is working--> 
</button>

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

有关完整代码,您可以在 codepen

上查看此处

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

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