Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何创建播放音频文件的按钮_Javascript_Css_Html_Encoding - Fatal编程技术网

Javascript 如何创建播放音频文件的按钮

Javascript 如何创建播放音频文件的按钮,javascript,css,html,encoding,Javascript,Css,Html,Encoding,我想创建一个按钮来播放音频文件,并将其样式设置为箭头。这是我的尝试,但我不知道如何编写javascript部分 HTML: CSS: 。播放{ 背景图像:url(“../../img/play.svg”)无重复滚动0透明; } 您需要将idattribute添加到audio标签中 <audio id="player" ... > 嘿,你真是太棒了 用于启动音频的Javascript位于按钮元素上,带有: onclick="document.getElementById('pla

我想创建一个按钮来播放音频文件,并将其样式设置为箭头。这是我的尝试,但我不知道如何编写javascript部分

HTML:


CSS:

。播放{
背景图像:url(“../../img/play.svg”)无重复滚动0透明;
}

您需要将
id
attribute添加到
audio
标签中

<audio id="player" ... >

嘿,你真是太棒了

用于启动音频的Javascript位于按钮元素上,带有:

onclick="document.getElementById('player').play()

您只需添加Id标签

当前代码有什么问题?