Css 自定义引导视频转盘错误下一个和上一个控件阻止转盘中视频的视频控件
我正试图修复视频传送带中的一个bug。下一个和上一个箭头控件从上到下延伸。问题在于,它们涵盖了视频播放器本身的控件Css 自定义引导视频转盘错误下一个和上一个控件阻止转盘中视频的视频控件,css,video,bootstrap-4,flexbox,carousel,Css,Video,Bootstrap 4,Flexbox,Carousel,我正试图修复视频传送带中的一个bug。下一个和上一个箭头控件从上到下延伸。问题在于,它们涵盖了视频播放器本身的控件 .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-cont
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 15%;
flex-basis: 20%;
color: #fff;
text-align: center;
opacity: 0.5;
transition: opacity 0.15s ease; }
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none; } }
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9; }
.carousel-control-prev {
left: 0; }
.carousel-control-next {
right: 0; }
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50% / 50% 50%; }
这在附加css部分中:
.wpforms字段容器文本区域{
调整大小:无;
}
.网站信息a{
颜色:#555;
}
@媒体屏幕和屏幕(最大宽度:991px){
.光滑的轨道{
最大高度:计算值(100vw/2);
}
.光滑箭头{
宽度:50%!重要;
}
.carousel control prev{
调整内容:flex start!重要;
}
.下一个转盘控制{
证明内容:柔性端!重要;
}
.光滑箭头img{
高度:35px!重要;
最大宽度:无;
}
}
我没有看到所描述的问题,是否已修复?在Windows上使用Chrome进行测试。感谢您的响应!它还没有修好。因此,如果您将箭头指向第二个视频,然后尝试单击“播放”按钮,它将返回到第一个视频,就像您已将箭头指向后面一样。“查看全屏”按钮也是如此,它的作用就像您单击了下一个箭头一样。将播放第一个视频,因为之前没有箭头阻止按钮。