你創(chuàng)建你的元素如此…

play!

并添加一些功能：

var yourAudio = document.getElementById('yourAudio'),

ctrl = document.getElementById('audioControl');

ctrl.onclick = function () {

// Update the Button

var pause = ctrl.innerHTML === 'pause!';

ctrl.innerHTML = pause ? 'play!' : 'pause!';

// Update the Audio

var method = pause ? 'pause' : 'play';

yourAudio[method]();

// Prevent Default Action

return false;

};

現(xiàn)在，按鈕只是簡單的文本(“播放”或“暫停”)，但是您可以使用CSS做任何事情。而不是設(shè)置innerHTML，設(shè)置className，你很好去！

總結(jié)

以上是生活随笔為你收集整理的html音频控件隐藏,html5 – Html 5音频标签自定义控件？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。