你想在你的视频嵌入周围添加iframe边框吗? 最近有一个用户要求我们在WordPress中为他们的视频添加边框。 既然您可以同时使用iframe和oEmbed在WordPress中添加视频,我们将向您展示如何在视频嵌入周围添加iframe边框,以及如何在WordPress中添加围绕oEmbed视频的边框。
在WordPress中添加边框iframe视频
首先你需要做的是打开一个包含你的iframe视频嵌入代码的文章或页面。 典型的iframe嵌入代码应该如下所示:
您可以通过添加内联样式到代码中添加一个边框,如下所示:
只需改变边框的宽度以及颜色,就完成了。
在添加iframe边框时,实际上有更好的方法在WordPress中为视频添加边框。 这是通过使用oEmbed。
在WordPress中添加边框oEmbed视频
WordPress提供了内置的oEmbed支持。 基本上WordPress允许你粘贴视频的链接,它会自动获得他们的嵌入代码。 现在,这只适用于YouTube,Vimeo,DailyMotion,Hulu等启用oEmbed的网站(请参阅:如何使用oEmbed轻松地在WordPress中添加视频)
现在您已经知道如何使用oEmbed添加视频了,下面介绍如何在WordPress中为oEmbed视频添加边框。
使用oEmbed添加视频时,只需使用内联样式参数将该URL包含在span标签中,如下所示:
http://www.youtube.com/watch?v=qzOOy1tWBCg
如果要在所有视频iframe中添加相同的边框,则最好将CSS类添加到主题的样式表中。
。框架边框 { 边框:3px固体#EEE; }
现在,您可以在您的iframe嵌入代码中使用CSS类,如下所示:
您也可以在oEmbed视频网址的span标记中使用相同的CSS类,如下所示:
http://www.youtube.com/watch?v=qzOOy1tWBCg
使用单个CSS类的好处是,如果稍后更改主题,则只需单击一下即可轻松更改颜色,并可单独编辑每个视频。
我们希望这篇文章能够帮助你在嵌入WordPress的视频周围添加一个iframe边框。 您可能还希望看到这9个有用的YouTube技巧,为您的WordPress网站添加视频。