MS Edge HTML5 Видео неверная высота и добавление большого количества белого отступа - PullRequest
Новая
       18

MS Edge HTML5 Видео неверная высота и добавление большого количества белого отступа

0 голосов
/ 22 февраля 2019

Работает нормально во всех других браузерах, кроме Edge.Проблема в том, что у видео слишком большая высота в MS Edge, поэтому сверху и снизу добавляются пробелы.

Я также добавил атрибуты высоты и ширины, но они не имели значения.Вот Chrome / Firefox:

enter image description here

Вот Edge:

enter image description here

Стоит отметить, что при уменьшении высоты браузера он уменьшается.

HTML 

<video controls loop muted="muted" autoplay="autoplay">
    <source type="video/mp4" src="employment-law.mp4">
    <source type="video/ogg" src="employment-law.ogv">
    <source type="video/webm" src="employment-law.webm">
</video>

CSS: 

.module-sample-video {
   float: left;
   width: 50%;
}

video {
   width:100%;
   min-width: 100%;
   height: auto;
   max-height: 100px;
   max-width: 100%;
}
...