完美解決video標籤控制項的隱藏與使用

2021-10-04 09:33:05 字數 780 閱讀 5049

1.我自己的需求是只保留進度條

需求:

未處理:

處理後:

解決方案2:直接css隱藏部分控制項,試了一下可行,完美解決

//隱藏viedo 三個點

this.$refs.video["disablepictureinpicture"] = true;

// 隱藏video 音量按鈕

video::-webkit-media-controls-mute-button

// 隱藏video 當前按鈕

video::-webkit-media-controls-current-time-display

// 隱藏video 總時間

video::-webkit-media-controls-time-remaining-display

// 隱藏video 全屏按鈕

video::-webkit-media-controls-fullscreen-button

Video標籤的基本使用

video 是html5新增的方法,關於其他的相信大家也很清楚了!好了廢話不多說 以下是我遇到的一些的方法 以下是一些屬性 volume 音量的大小 html box video left movies movie01.mp4 video 下面的控制器 controls play fa fa pla...

embed標籤和video的使用

屬性 值 描述 autoplay 屬性 autoplay autoplay controls 屬性 controls controls height 屬性 height pixels loop 屬性 loop loop muted 屬性 muted muted poster 屬性 poster ur...

設定video標籤的預設樣式

使用chrome除錯,如下圖,在setting裡勾選框中選項 可以看到video標籤的控制欄dom結構,如下圖,修改對應的樣式即可 全屏按鈕 video webkit media controls fullscreen button video webkit media controls play ...