如何从嵌入视频中删除边框(squarespace)

Question

我使用以下代码嵌入视频，在没有任何控制的情况下播放，并自动播放和循环。它运行良好，但问题是它会自动在视频上创建边界。

<video width="1000" height="450" loop autoplay="autoplay" />
 <source src="/s/m31.mp4" type="video/mp4" />

我试过<param name="border" value="off">

但仍然进入了视频。请任何人帮助如何删除边界线。

Answer 1

快速而肮脏的修复：

video{
    left: -1px;
}

Answer 2

我认为这不是边界，请尝试使用outline。

video{ outline: 0px; }

Answer 3

我不确定我是否理解，无论如何，我认为你可以玩一点CSS。在这个例子中，我制作了一个比视频更小的容器来隐藏黑色"边框"http://jsfiddle.net/ungarida/w9qkv2oc/http://jsfiddle.net/ungarida/w9qkv2oc/2/

html, body {
   padding: 0;
   margin: 0;
   background-color: #efefef;
}
#container {
   padding: 0;
   margin: 0;
   height: 300px;
   width: 580px;
   background-color: white;
   display: block;
   overflow: hidden;
   position: relative;
}
video {
   padding: 0;
   margin: 0;
   width: 600px;
   position: absolute;
   top: -40px;
   left: -10px;
}

Answer 4

测量视频大小大于容器并隐藏溢出

.container{
  width: 60rem;
  height: 28rem;
  overflow: hidden;
  position: relative;
  video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-53%, -50%);
    width: 60rem;
    height: 42rem;
  }
}