我的代码：https://jsfiddle.net/66opsn9b/1/如何设置html5 onclick来处理音频而不是视频？
如何设置html5 OnClick以使用音频而不是视频？
我想要的声音之一，像视频工作之一：
<video src="http://hi5.1980s.fm/;" width="50" height="50" style="cursor: pointer;background-color:orange;" onclick="this.paused?this.play():this.pause();">
HTML5音频标签
<audio>
定义声音内容
<source>
定义多种媒体资源媒体元素，例如和
所以，你应该更改您的代码：
<audio controls width="50" height="50">
<source src="http://hi5.1980s.fm/;">
</audio>
我实现了一个代码，我认为它可能满足您的要求
使用单按钮：
<html>
<head>
<title>Audio Streaming</title>
</head>
<body>
<input type="button" onclick="playPauseAudio()" value="Play" id="PlayButton" /><br>
<audio id="myAudio" style="Visibility:hidden">
<source src="http://hi5.1980s.fm/;">
</audio>
<script>
var audio = document.getElementById("myAudio");
var flg = true;
function playPauseAudio() {
if(flg == true) {
audio.play();
document.getElementById("PlayButton").value = "Pause";
flg = false;
} else {
audio.pause();
document.getElementById("PlayButton").value = "Play";
flg = true;
}
}
</script>
</body>
</body>
</html>使用两个按钮：
<html>
<head>
<title>Audio Streaming</title>
</head>
<body>
<button onclick="playAudio()" type="button">Play Audio</button>
<button onclick="pauseAudio()" type="button">Pause Audio</button><br>
<audio id="myAudio" style="Visibility:hidden">
<source src="http://hi5.1980s.fm/;">
</audio>
<script>
var audio = document.getElementById("myAudio");
function playAudio() {
audio.play();
}
function pauseAudio() {
audio.pause();
}
</script>
</body>
</body>
</html>真的在你的榜样，唯一的区别是音频没有高度/宽度。加这个：
audio {
width: 100px;
height: 20px;
display: block;
}
它播放点击。
如果看起来不是这样，它不是相同的代码。
在我的答案中，在css面板中添加这些行（或'
你可以告诉我它使用OnClick吗？ https://jsfiddle.net/66opsn9b/1/该视频适用于OnClick。 – htmlcsscoding
它已经有控件可以播放和暂停......不需要定义“onclick”事件。检查小提琴：https://jsfiddle.net/66opsn9b/2/ –
我希望它使用OnClick，就像视频一样。 https://jsfiddle.net/66opsn9b/1/它只是音频，而不是视频，这是不可能的？或者你不知道该怎么做？ – htmlcsscoding