如何仅使用 html 或 css 为音频制作切换按钮?

Posted

技术标签:

【中文标题】如何仅使用 html 或 css 为音频制作切换按钮?【英文标题】:How do i make an toggle button for audio only using html or css? 【发布时间】:2018-11-18 18:56:06 【问题描述】:

我正在尝试为音频制作一个切换按钮,如果单击该按钮,音频将关闭,然后再次单击它会重新打开。

我尝试过搜索,但只找到了使用 javascript 或 jquery 的方法,我不想使用这些。

<audio> <source src="../music/TheMUSIC.mp3" type="audio/mpeg"/></audio>

这是我目前的音乐代码。

【问题讨论】:

【参考方案1】:

你可以使用

<audio controls> <source src="../music/TheMUSIC.mp3" type="audio/mpeg"/></audio>

并为其添加一些自定义 css。

【讨论】:

如果我要使用 css,我该怎么做?比如我在 之前写什么? 这个link 可能会有所帮助

以上是关于如何仅使用 html 或 css 为音频制作切换按钮?的主要内容,如果未能解决你的问题,请参考以下文章

如何仅使用 HTML 和 css 的选择标签在桌面浏览器中制作 ipad 之类的下拉列表,这可能吗?

如何仅使用 HTML 和 CSS 使元素的背景切换复选框? [复制]

如何在不使用 transform: scale 的情况下更改 CSS 切换开关的大小?

如何使用 HTML 5 仅播放 Youtube 视频的音频?

您知道如何仅使用CSS在移动视图中制作汉堡菜单吗? [关闭]

Bootstrap轮播图的切换按钮如何制作?