如何使用CSS为多媒体元素添加静音按钮样式？

<video src="video.mp4" controls></video>

步骤二：添加静音按钮

video::before, video::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #ffffff;
  transform: translate(-50%, -50%);
}

video::before {
  top: 50%;
  left: 50%;
  border-left-color: #000000;
}

video::after {
  top: 50%;
  left: 50%;
  border-left-color: #ff0000;
}

步骤三：添加点击事件

请先登录后发表评论

• 最新评论
• 总共0条评论