html - 如何将嵌入的youtube视频放在图像上方(作为视频周围的框架)

Question

我想将嵌入的youtube视频放在图像的顶部，以便在Youtube视频周围看起来像一个框架。它们在水平方向上完美对齐，但是我似乎无法在垂直方向上对齐视频和图像。我需要以某种方式在YouTube视频的顶部添加填充，以便将其降低到框架中。

我正在使用Wordpress，并且框架的尺寸非常适合视频。我只需要将视频降低到帧中即可。

有什么想法如何降低YouTube视频以使其在Frame中正确对齐？

谢谢!

Answer 1

您可以使用CSS对YouTube视频HTML元素(如果嵌入的话，可能是iframe标记)应用边距或填充。

因此，您的CSS可能看起来像这样，具体取决于您的HTML结构:

iframe { margin-top: 10px; }

您需要使用 margin-top的值来使其符合您的喜好。

如果您发布相关的HTML，我可以为您提供特定的CSS。