来自Vimeo

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规则设置视频＆＃39;宽度为100％。但是，它们并不完全适合容器div。检查chrome上的开发人员工具我发现iframe视频中有内层div的层次，特别是有一个＆＃34; vp-player-layout＆＃34;麻烦的班级＆＃34;离开＆＃34;和＆＃34;对＆＃34;值被引入。

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

感谢。

Answer 1

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

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

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