删除iframe边框

Question

我正在使用HTML 5在我的网页上添加视频，并使用0, 1, 2, 4, 8, ...。我添加视频后，如下所示：

正如您可以看到视频周围的黑色iframe一样，无论如何我可以删除该位并可能将视频拉伸以匹配页面的border吗？

这是我为显示视频所做的工作：

width

Answer 1

您需要以响应方式嵌入iframe，例如：

＆＃13;

＆＃13;

body {
  margin: 0
}
div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;

＆＃13;

<div><iframe src='http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4' type="video/mp4" frameborder='0' allowfullscreen></iframe></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

从iframe中删除宽度和高度，并在CSS中声明它的高度和宽度。 要与div或浏览器的宽度匹配，请使用width:100%; 添加这个，

HTML

<div><iframe src="assets/videos/example.mp4" frameBorder="0" allowfullscreen ></iframe></div>

CSS

div > iframe {width:100%; height:600px;}

高度 - 以像素为单位设置你的身高，你想要多少。