我希望從一開始就擴展音量級別元素，而無需滑鼠游標懸停。我是關于默認隱藏的這個元素：
我沒有找到任何內置選項（很奇怪）。我一直在嘗試用 CSS 解決它，但沒有成功。
我為該問題創建了一個實際問題演示。代碼如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Volume Volume Expanded</title>
<link href="//vjs.zencdn.net/7.3.0/video-js.min.css" rel="stylesheet" />
<script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>
</head>
<body>
<video
id="my-player"
class="video-js vjs-default-skin vjs-16-9 vjs-big-play-centered"
>
<source
src="https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8"
type="video/x-mpegURL"
/>
</video>
<script>
videojs("my-player", {
muted: true,
autoplay: true,
controls: true,
controlBar: {
children: {
volumePanel: true
}
}
});
</script>
</body>
</html>
uj5u.com熱心網友回復：
您可以更改音量控制
演示的樣式：https ://codesandbox.io/s/videojs-volumelevel-show-forked-6bcc4l
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 100;
width: 5em;
height: 1px;
margin-left: -1px;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/492223.html
標籤：javascript html css 视频 视频.js