Youtube 缩略图和实际视频 CSS 修复 (WordPress)

Question

请检查https://form.obzservices.com

您将在 header 之后在右侧看到第一个视频。它正在向下显示缩略图（讨厌那个）但是当你播放它时它会转到我想要它的实际位置。

我在使用 Wordpress。有人可以帮忙解决这个问题吗？

谢谢！

Answer 1

请按如下所述更新 CSS： 替换这个

.wpb_video_widget .wpb_video_wrapper {
padding-top: 56.25%;
position: relative;
width: 100%;
}

有了这个

.wpb_video_widget .wpb_video_wrapper {
padding-top: 0px !important;
position: relative;
width: 100%;
}

替换这个

.wpb_video_widget .wpb_wrapper iframe {
width: 100%;
height: 100%;
display: block;
position: absolute;
margin: 0;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

有了这个

.wpb_video_widget .wpb_wrapper iframe {
width: 100%;
height: 326px;
display: block;
position: relative;
margin: 0;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}