如何从嵌入视频中删除边框(squarespace)
how to remove border from embed video (squarespace)
我正在使用以下代码来嵌入视频、不受任何控制地播放以及自动播放和循环播放。它工作正常,但问题是它会自动在视频上创建边框。
<video width="1000" height="450" loop autoplay="autoplay" />
<source src="/s/m31.mp4" type="video/mp4" />
我试过了<param name="border" value="off">
但还是进入了视频的边界。请任何人帮助如何删除边界线。
我不知道我是否理解了,反正我觉得你可以玩一下CSS。在这个例子中,我做了一个比视频小的容器来隐藏黑色 "borders" 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;
}
快速而肮脏的修复:
video{
left: -1px;
}
我认为这不是边框,请尝试使用轮廓。
video{
outline: 0px;
}
我正在使用以下代码来嵌入视频、不受任何控制地播放以及自动播放和循环播放。它工作正常,但问题是它会自动在视频上创建边框。
<video width="1000" height="450" loop autoplay="autoplay" />
<source src="/s/m31.mp4" type="video/mp4" />
我试过了<param name="border" value="off">
但还是进入了视频的边界。请任何人帮助如何删除边界线。
我不知道我是否理解了,反正我觉得你可以玩一下CSS。在这个例子中,我做了一个比视频小的容器来隐藏黑色 "borders" 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;
}
快速而肮脏的修复:
video{
left: -1px;
}
我认为这不是边框,请尝试使用轮廓。
video{
outline: 0px;
}