2013-05-31 4 views
2

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

Я также нашел этот пост, но это не решило проблему. У меня даже нет доступа к Flash для компиляции swf. videojs disable black background

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

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

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

+3

Не шанс меня нажав на эту ссылку. Это может быть что угодно. Не используйте URL-адреса URL-адресов – Liam

+0

Также http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a- link-to-it – Liam

+0

Извините, Лиам, я прочитал сообщение, которое вы только что связали. Достаточно честно, я не опубликовал полный URL-адрес, чтобы имя компании не было раскрыто. Кроме того, я не мог опубликовать код, потому что не был уверен, что это проблема, например, swf, js, css или html. Спасибо за вашу помощь. – Raul

ответ

0

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

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

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

.video-js { 
    overflow: hidden; 
} 

Но да, это немного дерзко.

+0

О, спасибо, Ральф! это очень хорошее решение, это, безусловно, устранит проблему. Ключ должен использовать переполнение: hidden; а также некоторые корректировки поля, чтобы скрыть границы. – Raul

+0

Просто добавлю свои 2 цента - для моего (video.js 5) все, что мне нужно было, это скрыть цвет фона видео-js (сделал его прозрачным). –

+0

вы фактически взорвали видео, что может стоить вам качества, а затем вы удаляете фактический материал из видео, чистую потерю. Это очень легко решить со следующим: *: focus { фон: нет; border: 0px; схема: нет; } –

0

Как я наконец разобралась следующий 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; 
} 
Смежные вопросы