html - 来自 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”类，其中引入了麻烦的“left”和“right”值。

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

谢谢。

Answer 1

如果您遇到问题，即从这些额外的类(例如 vp-player-layout)中获得一些边距或填充，您可以尝试为该类使用 CSS 规则，例如:

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

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