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

【问题标题】：how to remove border from embed video (squarespace)如何从嵌入视频中删除边框（方形空间）
【发布时间】：2015-07-03 07:18:37
【问题描述】：

我正在使用以下代码嵌入视频、播放没有任何控制以及自动播放和循环。它工作正常，但问题是它会自动在视频上创建边框。

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

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

但仍然在视频中。请任何人帮助如何删除边界线。

【问题讨论】：

您是否为边框参数尝试了 0 或 false 的值？
你能把这个上传到 jsfiddle 或其他什么东西上，这样我们就可以搞砸了吗？
@zgood 是的，尝试 0 和错误
@Gustaf 我有 mp4 格式的视频，我已上传到我的网站及其本地链接，如 /s/movie.mp4。我不知道jsfiddle。
链接你的网站，请@user3766722

标签： css video squarespace video-embedding

【解决方案1】：

快速而肮脏的修复：

video{
    left: -1px;
}

【讨论】：

是的，边框是视频本身的一部分，所以要么清理视频本身，要么诉诸于此。

【解决方案2】：

我觉得不是边框，用轮廓试试。

video{ outline: 0px; }

【讨论】：

【解决方案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;
}

【讨论】：

感谢@ungarida，它的作品，但不能删除左侧边框。
我用你的视频制作了一个 v2，你只需要根据你的喜好在宽度和高度方面做一些数学运算。