CSS 无法更改 div 位置,这会导致剪裁

CSS unable to change div position, this is causing clipping

当您在我们的网站上播放视频时,youtube 视频容器会关闭,部分视频会从顶部被剪切掉。

http://laughpot.com/a-terryfying-world-record-on-a-bike-must-watch/

我最近添加了一些 CSS 以使视频描述看起来更漂亮,并且自从我这样做后就发生了这种情况。

我什至删除了我的自定义 CSS 但视频仍在剪辑中。

任何人都可以使用 Chrome 开发人员工具检查视频 div 并找出导致此问题的 CSS class 或规则吗?我试图找到它,但没有成功。

我将不胜感激!

class="html5-video-container"

中的视频 class="video-stream html5-main-video" 中的元素本身存在导致此问题的顶部

顶部:101.25px;

尝试在

上设置此 css

1.) iframe {height:473px;} 和

2.) 为 class yesp-title

设置 display:none

输出像这样

要解决这个问题,您可以更优雅地使用 fitvid jQuery 库

http://fitvidsjs.com/

WP 插件也可用于 fitvids。

https://wordpress.org/plugins/fitvids-for-wordpress/