有人可以告诉我如何将此代码添加到其余代码中

时间:2016-07-07 06:33:50

标签: javascript html html5

我的代码:https://jsfiddle.net/7meetm89/1/

这是代码,我不知道如何将其添加到其余代码中,有人可以给我看一下吗?

myaud=document.getElementById("player");myaud.volume=1.0;
<button style="cursor: pointer; background-color:blue;padding-bottom:1px;"
onclick="document.getElementById('player').play()">Play</button>

<audio id="player" preload="none" style="display:none;">
<source src='http://air.radiorecord.ru:8101/rr_320' type='audio/mpeg'/>
</audio>

1 个答案:

答案 0 :(得分:1)

function()上添加一个onclick。在该功能中设置音量和播放控件。

其他更改:在音频代码中添加controls以显示HTML5控件并移除display:none

修改:您可以在setControls()标记内添加<script> </script>功能。 您还可以在外部文件中添加脚本并将其链接。请read more

function setControls() {
    myaud=document.getElementById("player");
    myaud.play();
    myaud.volume=1.0;
  }
<button style="cursor: pointer; background-color:blue;padding-bottom:1px;"
onclick="setControls()">Play</button>

<audio controls id="player" preload="none">
<source src='http://air.radiorecord.ru:8101/rr_320' type='audio/mpeg'/>
</audio>

相关问题