Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Видео во всплывающем окне
 
 автор: Владимир55   (06.09.2017 в 17:10)   письмо автору
 
 

Сайт адаптивный с резиновой версткой, и нужно разместить видео во всплывающем окне. Соответственно, само окно и видео в нём должны адаптироваться к ширине экрана монитора.

В сети есть обкатанные решения, из которых я надеялся получить подходящий код.

Результат попыток приведён вот здесь: http://u9998464.beget.tech/

Само окно и видео более-менее адаптируются под размер экрана, но в целом решение плохое:

1. Видео слишком вытянуто. Размер изображения должен быть с соотношением сторон 55 на 40 (по горизонтали - по вертикали). Никакими средствами CSS добиться этого не удается.

2. Само изображение очень маленькое. Если запустить воспроизведение, то изображение только в середине, а остальное чернота.

3. Изображение полностью перекрывает текст всплывающего окна, включая Х для его закрытия.

4. Если закрыть окно, то воспроизведение звука продолжается.

Можно ли решить эти проблемы?
(Хотя бы первые три.)

  Ответить  
 
 автор: KPETuH   (07.09.2017 в 16:56)   письмо автору
 
   для: Владимир55   (06.09.2017 в 17:10)
 

1. 55 на 40 пикселей?
2. Правильно у вас же размер модального окна 80%
3. z-index не помогает?
4. Нужно повесить стоп или паузу на кнопку закрытия

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования