YouTube缩略图和实际视频CSS修复WordPress

问题描述

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

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

我正在使用wordpress。任何人都可以帮助解决此问题吗？

谢谢！

解决方法

请按照以下说明更新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;
}