Как убрать границу из встроенного видео (squarespace)
Я использую следующий код для встраивания видео, воспроизведения без какого-либо контроля и автоматического воспроизведения и зацикливания. И он работает нормально, но проблема в том, что он автоматически создает рамку на видео.
<video width="1000" height="450" loop autoplay="autoplay" />
<source src="/s/m31.mp4" type="video/mp4" />
И я попробовал <param name="border" value="off">
Но все же границу в видео. Пожалуйста, помогите, как убрать границу.
4 ответа
Решение
Я не уверен, что понял, во всяком случае, я думаю, что вы могли бы немного поиграть с 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;
}
Думаю, это не граница, попробуй с контуром.
video{
outline: 0px;
}
Размер видео больше, чем контейнер, и скрыть переполнение
.container{
width: 60rem;
height: 28rem;
overflow: hidden;
position: relative;
video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-53%, -50%);
width: 60rem;
height: 42rem;
}
}