css - 如何从嵌入视频中删除边框（方形空间）

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

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

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;
}