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

Question

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

HTML：

 <div class="play">
  <button onclick="document.getElementById('player').play()">
   <audio class="kskin" data-durationhint="1.55" data-startoffset="0" preload="none" style="width:175px">
    <source data-bandwidth="100377" data-height="0" data-shorttitle="Ogg source" data-title="Original Ogg file (100 kbps)" data-width="0" src="audio/giraalaizquierda.mp3" type='audio/ogg; codecs="vorbis"'>
   </audio>
  </button>
 </div>

CSS：

.play{
    background-image: url("../../img/play.svg") no-repeat scroll 0 0 transparent;
}

Answer 1

您需要将qazxsw poi属性添加到qazxsw poi标记中

id

Answer 2

嘿，你在那里。

用于启动音频的Javascript用于按钮元素，包括：

audio

你只需要添加Id标签<audio id="player" ... >