На элементе видео появляется нежелательная граница

Question

Я пытаюсь избавиться от границы вокруг этого видео http://bit.ly/ZihaJV Идея состоит в том, что видео воспроизводится на белом фоне без границ. Проблема может быть связана с соотношением видео и размера плеера.

Я также нашел этот пост, но это не решает проблему. У меня даже нет доступа к Flash для компиляции SWF. videojs отключить черный фон

Использование с белой рамкой вокруг видео, чтобы скрыть появление черных линий, может быть обходным путем, но я столкнулся с проблемой, потому что видео должно быть отзывчивым.

Фактическая веб-страница показывает больше границ, чем эта тестовая. Извините, но я не могу показать оригинал.

Спасибо и любая помощь будет приветствоваться.

Answer 1

В видео, на которое вы ссылаетесь, граница вдоль верхней части видео является частью самого видеофайла, поэтому проблема связана с исходным файлом или способом его редактирования. (У меня часто возникает эта проблема с видео. Довольно раздражает.)

Быстрое визуальное исправление с помощью CSS - немного приподнять верхнюю часть видео и скрыть строку сверху:

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

.video-js {
    overflow: hidden;
}

Но да, это немного нахально.

Answer 2

В итоге я разобрался с комментариями ralph.m следующим образом:

.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; 
}