請問 html5 的 <audio> 可以隱藏調整音量大小的按鈕嗎

audio html5

小斑 2019-07-10 14:58:04 ‧ 3614 瀏覽

分享至

請問 html5 的 <audio> 可以隱藏調整音量大小的按鈕嗎?想隱藏下圖紅色圈起來的地方，謝謝。

<audio controls='controls' controlsList='nodownload'>
    <source src='fileName.wav' type='audio/wav'>
</audio>

小成 iT邦高手 10 級 ‧ 2019-07-10 15:03:45 檢舉

https://stackoverflow.com/questions/30112985/remove-mute-volume-bar-from-standard-html5-audio-player

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

dragonH

iT邦超人 5 級 ‧ 2019-07-10 15:04:16

codepen

HTML5 只有提供這三個可以控制

The allowed values are nodownload, nofullscreen, and noremoteplayback.

所以你只有三個選擇

1 .

用 CSS 隱藏

但是有些限制

2 .

用別人寫的 player

3 .

自己寫一個 player

參考

回應 2
分享
檢舉

小魚 iT邦大師 1 級 ‧ 2019-07-10 15:13:07 檢舉

我可以手賤去開發人員工具把它打開嗎?

dragonH iT邦超人 5 級 ‧ 2019-07-10 15:20:23 檢舉

element 底下沒辦法直接找到呀 XD

不過就算找到然後打開好像也沒什麼

登入發表回應

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2019-07-10 15:48:42

我記得html5的這個是不行的。
以前的obj plus插入的方式是可以。只是很麻煩就是。

我後期用過的方式給你參考。一個是直接用youtobe
另一種是自刻一個出來做控制了。

回應 1
分享
檢舉

ccutmis iT邦高手 2 級 ‧ 2019-07-10 18:02:18 檢舉

找到一個customized html5 audio player的參考教學:
https://webdesign.tutsplus.com/zh-hant/tutorials/create-a-customized-html5-audio-player--webdesign-7081

登入發表回應

不明

【＊＊此則訊息已被站方移除＊＊】

mqingqing123

iT邦新手 5 級 ‧ 2019-07-13 19:25:23

给你推荐一个百度播放器吧，功能还是挺强大的。
http://cyberplayer.bcelive.com/demo/new/index.html

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙