Как убрать границу из встроенного видео (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; }

Быстрое и грязное исправление:

video{
    left: -1px;
}

Размер видео больше, чем контейнер, и скрыть переполнение

      .container{
  width: 60rem;
  height: 28rem;
  overflow: hidden;

  position: relative;
  video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-53%, -50%);
    width: 60rem;
    height: 42rem;
  }
}
Другие вопросы по тегам