Question

我希望隐藏在边框后面的视频，并感谢我能得到的任何帮助。这就是我现在对边框上方图像的看法。

<div style="padding:20px;background-color:#000000;border:15px outset #b9b9b9;font-family:courier;">

<iframe width="550" height="315" src="//www.youtube.com/embed/S_UTUXDs-tE?rel=0" frameborder="0" allowfullscreen></iframe>

Answer 1

尝试将iframe宽度设为100％并将其包装在div中，如此

<div style="padding:20px;background-color:#000000;border:15px outset #b9b9b9;font-family:courier;">

<iframe width="100%" height="315" src="//www.youtube.com/embed/S_UTUXDs-tE?rel=0" frameborder="0" allowfullscreen></iframe>

</div>

Answer 2

添加到div样式：

style="position:relative;overflow:hidden;width:550px;height:315;"

Answer 3

我不认为youtube允许你尝试做什么。但你可以在iframe上说这个：

style="visibility=hidden;"

Answer 4

虽然它违反了Youtube服务条款，但为了知识而回答如何做到这一点

这将是您的HTML

<div style="padding:20px;background-color:#000000;border:15px outset #b9b9b9;font-family:courier;" class="yt-vid">

<iframe width="550" height="315" src="//www.youtube.com/embed/S_UTUXDs-tE?rel=0" frameborder="0" allowfullscreen></iframe>
</div>

你的CSS中的

.yt-vid > iframe {
  position: relative;
  z-index: -1;
}

我不鼓励你这样做。你不应该这样做。

Answer 5

您可以在iframe中使用style="visibility: hidden;" css标记。或者只将0（零）宽度赋予iframe。

在html，css中隐藏边框后面的图像

5 个答案: