Unwanted border appearing on video element [closed]

Answer 1

In the video you linked to, the border line along the top of the video is part of the video file itself, so it's an issue with the original file or the way you edited it. (I often have this problem with videos. Quite annoying.)

A quick visual fix with CSS would be to pull the top of the video up a bit and hide the line at the top:

.video-js .vjs-tech {
    top: -2px;
}

.video-js {
    overflow: hidden;
}

But yeah, that's a little cheeky.

Answer 2

The way I finally sorted out following ralph.m comments is as follow:

.video-js .vjs-tech {
  /* make the video larger so it can hide*/
  width: 102%;
  height: 102%;
  /* displace video to hide*/
  left: -5px;
  /* allow space for hiding*/
  margin: -10px;
  position: absolute;
  top: 0;
}

.video-js {
  /* make sure overflow is hidden*/
  overflow: hidden; 
}