how to remove border from embed video (squarespace)

Question

I'm using following code for to embed video, play without any control and auto play and loop. And its working fine, but the issue is its automatically creating a border on the video.

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

And i have tried <param name="border" value="off">

But still border into the video. Pl anyone help how to remove the border line.

Answer 1

I'm not sure if I understood, anyway I think you could play a little bit with CSS. I made a container smaller than the video to hide black "borders" in this example 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;
}