Php html5视频播放器移除控件部分底部的黑色阴影

你好，

我的网站上有一个HTML5视频播放器。每当我点击暂停或悬停视频时，奇怪的黑色阴影就会出现。它覆盖了控制区。我怎样才能摆脱它。我试图寻找解决方案，但找不到解决方案。请帮我做这个

---

您可以尝试像这样添加css

video::-webkit-media-controls-panel {
   background-color: transparent !important;
   box-shadow: none !important
}

您还可以使用css中的其他伪代码来控制本机视频，如

video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}

---

您可以尝试像这样添加css

video::-webkit-media-controls-panel {
   background-color: transparent !important;
   box-shadow: none !important
}

您还可以使用css中的其他伪代码来控制本机视频，如

video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}

---

这是对我有用的代码，试试看

video:：-webkit媒体控制面板{
背景图像：线性渐变（透明，透明）！重要；
}

这是对我有效的代码，请尝试

video:：-webkit媒体控制面板{
背景图像：线性渐变（透明，透明）！重要；
}

视频控制面板的webkit伪元素为

video::-webkit-media-controls-panel

要设置或更新此元素，只需添加以下css

video::-webkit-media-controls-panel {
  // Your styling here
  background-image: linear-gradient(transparent, transparent) !important; //Transparent for your case

}

此外，确保你标记你的风格是重要的。友好提示，您可能需要在目标/选定元素上设置此属性以获得所需的样式设置结果：

-webkit外观：无

---

请参阅更多信息，视频控制面板的webkit伪元素为

video::-webkit-media-controls-panel

要设置或更新此元素，只需添加以下css

video::-webkit-media-controls-panel {
  // Your styling here
  background-image: linear-gradient(transparent, transparent) !important; //Transparent for your case

}

此外，确保你标记你的风格是重要的。友好提示，您可能需要在目标/选定元素上设置此属性以获得所需的样式设置结果：

-webkit外观：无

---

请参阅更多信息

请修复标记格式。请包括您的实际代码。请修复您的标记格式。请包括您的实际代码。我已将其与Urek Mazino绑定。。仍然不起作用，我已经把它绑起来了。。仍然不起作用