我试图让暂停和播放按钮互换工作

Question

我的代码：https://jsfiddle.net/5bj8suxj/

有人可以帮我解决这个问题。播放按钮有效，但暂停不起作用。按播放它可以工作，但按暂停无效。

<div style="display:block; cursor: pointer; width: 50px; height:50px; background-color:#00ffff;">

<button style="cursor: pointer; font-family:Tahoma; font-weight: bold;font-size:14px; background-color:#00ffff;color:blue;padding: 0px 0px 0px 0px;"
onclick="document.getElementById('player').play()">Play</button>

</div></div>

<div id="myObj5h" style="display: none;">

<div style="display:block;width: 50px; height:50px; background-color:orange;">

<button style="cursor: pointer; font-family:Tahoma; font-weight: bold;font-size:14px; background-color:orange;color:blue;padding: 0px 0px 0px 0px;"
onclick="document.getElementById('player').Pause()">Pause</button>

<audio id="player" style="display:none;">
<source src='http://hi5.1980s.fm/;' type='audio/mpeg'/>
</audio>
</div></div>

Answer 1

你的代码有两个问题。

第一个问题是暂停按钮...暂停功能应该是小写：暂停而不是暂停（） 第二个问题是在结构中...音频元素应该在div＃myObj5h之外。

e.g

...                   http://hi5.1980s.fm/;”类型= '音频/ MPEG'/＆GT;