iT邦幫忙

0

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

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

https://ithelp.ithome.com.tw/upload/images/20190710/20106496tJ8SS4mshQ.png

<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
2
dragonH
iT邦研究生 3 級 ‧ 2019-07-10 15:04:16

codepen

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

The allowed values are nodownload, nofullscreen, and noremoteplayback.

所以你只有三個選擇

1 .

用 CSS 隱藏

但是有些限制

2 .

用別人寫的 player

3 .

自己寫一個 player

參考

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

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

dragonH iT邦研究生 3 級 ‧ 2019-07-10 15:20:23 檢舉

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

不過就算找到然後打開好像也沒什麼 /images/emoticon/emoticon01.gif

1
浩瀚星空
iT邦大師 1 級 ‧ 2019-07-10 15:48:42

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

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

ccutmis iT邦研究生 4 級 ‧ 2019-07-10 18:02:18 檢舉
0
vegalou
iT邦新手 4 級 ‧ 2019-07-10 17:14:50

可以。

你把他藏在不可見的區域,包括上層蓋張圖。

當然你可以用 JS 去控制 H5 的播放。

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

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

我要發表回答

立即登入回答