来自Vimeo的嵌入式iframe视频的不需要的边距

Question

我将来自Vimeo的视频嵌入到容器div中，如下所示：

 <div class="video_container">   
 <iframe class="videos" src="https://player.vimeo.com/video/190283538?
 title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" 
 webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 </div>

然后我的CSS规则将视频的宽度设置为100％。但是，它们并不完全适合容器div。在chrome上检查开发人员工具我看到iframe视频有多层内部div，特别是有一个“vp-player-layout”类，其中引入了麻烦的“左”和“右”值。

如何访问这些内部div并在CSS中修改它们？或者是否有任何其他解决方案来解决此问题。

谢谢。

Answer 1

如果您遇到问题，即从这些额外的类（例如vp-player-layout）获取一些边距或填充，您可以尝试该类的CSS规则，例如：

.vp-player-layout { margin: 0; padding: 0; }

或者您需要删除额外间距的任何适用规则。