你創建你的元素如此…

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;

};

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。