Убрать полосы по бокам

@FCSM · Регистрация: 03.04.2016

Студворк — интернет-сервис помощи студентам

Здравствуйте!

Не могу понять, как убрать чёрные полосы по бокам видео.

Вот скриншот

А вот сам код :

HTML

HTML5
1
2
3
4
<div class="video-container">
<iframe src="https://vid.me/e/VWeY?stats=1" height="315" width="560" allowfullscreen="" frameborder="0">
</iframe>
</div>

CSS

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.video-container {
position: relative;
padding-bottom: 58.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.video-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

Благодарю за ответ!

@ShielD · 19.08.2016, 10:25

По данной ссылке у меня ничего не открывается, думал попробую вариант с border-style:none; в стилях

@FCSM · 19.08.2016, 10:33 **[ТС]**

По какой ссылке? Это скриншот.

Добавлено через 3 минуты
border-style:none; к сожалению не работает

Добавлено через 2 минуты
Можно попробовать убрать фон у видео, но стили на сервере видеохостинга лежат. Поэтому ищу другие варианты.

@ShielD · 19.08.2016, 10:36

Сообщение от FCSM

по вот этой.
хотел посмотреть варианты которые можно сделать применив стили

@FCSM · 19.08.2016, 11:09 **[ТС]**

Вот : https://vid.me/e/VWeY
Ссылку нужно было немного сократить. Просто если в таком виде вставлять, то видео не работает.

Добавлено через 1 минуту
Блин, оно почему-то и так не работает.

Добавлено через 4 минуты
Вот, залил на тестовый сервер : http://asiris.esy.es/t/

@Secret73 · 19.08.2016, 12:12

у класса .vjs-poster убрать background-color: #000;

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@ShielD 2 / 2 / 0 Регистрация: 16.04.2015 Сообщений: 38
	19.08.2016, 10:25
	По данной ссылке у меня ничего не открывается, думал попробую вариант с border-style:none; в стилях 0

@FCSM 2 / 2 / 2 Регистрация: 03.04.2016 Сообщений: 75
	19.08.2016, 10:33 [ТС]
	По какой ссылке? Это скриншот. Добавлено через 3 минуты border-style:none; к сожалению не работает Добавлено через 2 минуты Можно попробовать убрать фон у видео, но стили на сервере видеохостинга лежат. Поэтому ищу другие варианты. 0

@FCSM 2 / 2 / 2 Регистрация: 03.04.2016 Сообщений: 75
	19.08.2016, 11:09 [ТС]
	Вот : https://vid.me/e/VWeY Ссылку нужно было немного сократить. Просто если в таком виде вставлять, то видео не работает. Добавлено через 1 минуту Блин, оно почему-то и так не работает. Добавлено через 4 минуты Вот, залил на тестовый сервер : http://asiris.esy.es/t/ 0

@Secret73 12 / 12 / 7 Регистрация: 14.01.2016 Сообщений: 264
	19.08.2016, 12:12
	у класса .vjs-poster убрать background-color: #000; 0