如何从嵌入视频中删除边框(方形空间)

时间:2015-07-03 07:18:38

标签: css video squarespace video-embedding

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

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

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

但仍然与视频接壤。 Pl任何人都可以帮助您删除边界线。

3 个答案:

答案 0 :(得分:1)

快速而肮脏的修复:

video{
    left: -1px;
}

答案 1 :(得分:1)

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

let stringVal = "Hello friends, let's _#program#_ with _#javascript language#_"; stringVal = stringVal.trim().replace(/\s+/g, ' '); const search = 'Hello friends'.trim().replace(/\s+/g, ' '); console.log('before: ', stringVal); let copyString = stringVal; copyString = copyString.replace(/_#(\w+(?: \w+)*)#_/g, "$1"); copyString = copyString.replace(search, `_#${search}#_`); console.log('aafter: ', copyString);

答案 2 :(得分:0)

我不确定我是否理解,无论如何我认为你可以用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;
}