是否可以播放声音文件onclick取决于网址?

时间:2014-04-25 22:44:29

标签: javascript html html5 audio

是否可以播放声音文件onclick取决于网址?

例如: URL /样品/#1

onclick play sound1

URL /样品/#3

onclick play sound2

1 个答案:

答案 0 :(得分:0)

为什么不使用html5数据属性他们看起来更整洁 HTML     

<ul id="audiolist">
<li data-audiourl="url_of_audio_file_1">sound 1</li>
<li data-audiourl = "url_of_audio_file_2">sound 2</li>          
</ul>

和javascript

<script type="text/javascript">

  $(function() {
      $("#audiolist li").on("click", function() {
          $("#audio").attr({
              "src": $(this).attr("data-audiourl"),
"autoplay": "autoplay"

          })
      })
      $("#audio").attr({
          "src": $("#audiolist li").eq(0).attr("data-audiourl")
      })
  })
</script>

但是如果你想要url,你可以修改锚标签的代码而不是列表