CSS无法改变div位置，这导致裁剪

Question

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

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

我最近添加了一些CSS，以使视频描述看起来更好，这是因为我这样做了。

我甚至删除了自定义CSS，但视频仍在剪辑。

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

我将非常感激！

Answer 1

有一个顶部导致元素本身的问题视频类=＆＃34;视频流html5-main-video＆＃34;在班级=＆＃34; html5-video-container＆＃34;

top：101.25px;

Answer 2

尝试在

上设置此css

1。）iframe {height：473px;}和

2.。）对于类yesp-title

，设置display：none

输出就像这样

Answer 3

要解决此问题，您可以更优雅地使用fitvid jQuery库

http://fitvidsjs.com/

WP插件也适用于fitvids。

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