Событие на видео постеру загружено

Question

Я нашел проблему.

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

Я думал о каком-то событии по загрузке видеоплакатов, но не нашел что-то в этом роде. Как бы вы решили это?

спасибо.

Answer 1

Эй, хорошо поймите об этом недостающем событии.

Что бы я сделал: предварительно загрузите изображение элементом <img> и дождитесь его loadevent.

snippet.log('before: '+video.getBoundingClientRect().width) 
 
var img = new Image(); 
 
img.src = video.getAttribute('poster'); 
 
img.onload = function(){snippet.log('loaded: '+video.getBoundingClientRect().width);}

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> 
 
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script> 
 
<video id="video" poster="http://lorempixel.com/800/300"></video>