Как отловить момент когда видео готово для взятия превью?

Question

[devopg]

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

<video src="i.video" preload="metadata" canplay="createVideoThumb()" />
<video src="i.video" preload="metadata" loadeddata="createVideoThumb()" />
<video src="i.video" preload="metadata" loadedmetadata="createVideoThumb()" />

Если в любом варианте добавляю delay , то всё работает как нужно.

Answer 1

[Tim]

Вы не правильно используете события видео
список событий с примером:
https://developer.mozilla.org/ru/docs/Web/Guide/Ev...
так же можно использовать атрибут poster - Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится.
htmlbook.ru/html/video

Comments

[devopg]

Так вопрос и в том заключается, какое событие мне нужно? Три выше которые я указал и логически по описанию как бы подходят - не работают

[Tim]

devopg, вопрос был как отловить. чем не подходит loadeddata?

[devopg]

Tim, я же написал с loadeddata получается черный экран. Видно еще есть какоето состояние , если добавить секунду задержки в код с loadeddata, то превью уже получается нормальное

[Tim]

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

[devopg]

Тут реально чтоли троли ? Адекватные имеются ?