Html 设置视频元素的边框

我正在使用一个div，其中包含3个嵌入的视频文件，这些文件的间距相对于页面。我正试图为它们添加一个白色边框，但它不会显示出来。当我把它们放在一张桌子上时，这是有效的，但当我切换到div时，它就不起作用了

这是我的密码-

<div id="row" style="width: 28.5%">
<div style='position: relative; width: 100%; height: 0px; padding-
bottom: 60%;'>
<video style='position: absolute; left: 15%; top: 0px; width: 100%; 
height: 100%' poster="makerthumb.jpg" controls><source 
src="makermarketinggroup.mp4" type="video/mp4"></video>
<video style='position: absolute; left: 123%; top: 0px; width: 100%; 
height: 100%' poster="realestatethumb.jpg" controls><source 
src="realestatead.mp4" type="video/mp4"></video>
<video style='position: absolute; left: 231%; top: 0px; width: 100%; 
height: 100%' poster="costaricathumb.jpg" controls><source 
src="visitcostarica.mp4" type="video/mp4"></video>
</div>
</div>

如果你看一下这里发生的事情，你会发现你之前的视频被包装在一个宽度为28%的包含元素中。我的示例将其从该容器中删除。这就是为什么当您逐字复制我的代码时，大小会增加。现在它已经就位了。花点时间注意一下这里发生了什么。样式属性中使用的CSS属性控制元素在页面上的外观和位置。它们通常也受其父元素的约束。在本例中，

div

的style属性将其宽度设置为28.5%。花几分钟的时间来改变你现有的风格，看看它们有什么效果。保留一份原件，这样你就不会丢失任何重要的东西

---

另外，我的示例将只为一个视频添加边框，为什么不使用我的示例看看是否可以将其添加到其他两个视频中呢

这很有效，但是当我将其添加到视频标签时，它会将视频的大小增加大约3倍？谢谢，这非常有帮助！这也适用于iFrame吗？是的，这就是将边框应用于任何元素的方式。div、段落、iframe。就像我说的“玩转”，你越是尝试它就越有意义（哦，如果这回答了你的问题，你能帮我们一个忙并将问题标记为已回答吗？ta）实际上我还有一个问题，我最后在每个视频标签中添加了一个类来表示边框，但是当我在CSS中添加边框时，边框的宽度大于视频播放器，因此不会垂直填充整个边框

<video style='border: 1px solid #fff;' poster="costaricathumb.jpg" controls><source 
src="visitcostarica.mp4" type="video/mp4"></video>

<div id="row" style="width: 28.5%">
<div style='position: relative; width: 100%; height: 0px; padding-
bottom: 60%;'>
<video style='position: absolute; left: 15%; top: 0px; width: 100%; 
height: 100%; border: 1px solid #fff;' poster="makerthumb.jpg" controls><source 
src="makermarketinggroup.mp4" type="video/mp4"></video>
<video style='position: absolute; left: 123%; top: 0px; width: 100%; 
height: 100%' poster="realestatethumb.jpg" controls><source 
src="realestatead.mp4" type="video/mp4"></video>
<video style='position: absolute; left: 231%; top: 0px; width: 100%; 
height: 100%' poster="costaricathumb.jpg" controls><source 
src="visitcostarica.mp4" type="video/mp4"></video>
</div></div>