| |
|
|
| | Сайт адаптивный с резиновой версткой, и нужно разместить видео во всплывающем окне. Соответственно, само окно и видео в нём должны адаптироваться к ширине экрана монитора.
В сети есть обкатанные решения, из которых я надеялся получить подходящий код.
Результат попыток приведён вот здесь: http://u9998464.beget.tech/
Само окно и видео более-менее адаптируются под размер экрана, но в целом решение плохое:
1. Видео слишком вытянуто. Размер изображения должен быть с соотношением сторон 55 на 40 (по горизонтали - по вертикали). Никакими средствами CSS добиться этого не удается.
2. Само изображение очень маленькое. Если запустить воспроизведение, то изображение только в середине, а остальное чернота.
3. Изображение полностью перекрывает текст всплывающего окна, включая Х для его закрытия.
4. Если закрыть окно, то воспроизведение звука продолжается.
Можно ли решить эти проблемы?
(Хотя бы первые три.) | |
| |
|
|
| |
|
|
| |
для: Владимир55
(06.09.2017 в 17:10)
| | | 1. 55 на 40 пикселей?
2. Правильно у вас же размер модального окна 80%
3. z-index не помогает?
4. Нужно повесить стоп или паузу на кнопку закрытия | |
| |
|
|
