Почему не загружается video html?

Question

[veroni1337]

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

Я с помощью js получаю данные о продолжительности видео, но вместо цифр получаю nan. Но когда нажимаю на свою кастомную кнопку, при нажатии на которой выполняется функция play для видео, оно загружается и все нормально. Что это может быть, как исправить?

Comments

[veroni1337]

Похоже что браузер загружает метаданные только после загрузки видео

Answer 1

[Ch cgtj Hihf]

Может использовать функцию play с самого начала загрузки страницы , и потом останавливать видео до использование функции

Comments

[veroni1337]

я тоже об этом думал)

[Ch cgtj Hihf]

veroni1337, работает?

[veroni1337]

Pin Bib, не знаю почему, но на сервере работает нормально, а вот на локалке не очень

[Ch cgtj Hihf]

veroni1337, ясно :)

Answer 2

[Sergei Nazarenko]

Иногда полезно читать документацию

preload
This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience with regards to what content is loaded before the video is played. It may have one of the following values:

none: Indicates that the video should not be preloaded.
metadata: Indicates that only video metadata (e.g. length) is fetched.
auto: Indicates that the whole video file can be downloaded, even if the user is not expected to use it.
empty string: Synonym of the auto value.
The default value is different for each browser. The spec advises it to be set to metadata.

Comments

[veroni1337]

Добавил атрибут preload="metadata", но ничего сильно не изменилось, так же через раз я не получаю метаданные видео

[veroni1337]

Насколько я знаю preload это подсказки для браузеров, а не обязательства

[veroni1337]

к сожалению здесь я тоже получаю NaN

[Sergei Nazarenko]

veroni1337, не тут смотришь
ну или создай страницу вставь туда этот код и смотри в консоли браузера а так оно у тебя на странице в странице где-то в iframe.
А чтобы в iframe это работало надо еще и preload - этого самого iframe делать примерно так

<link rel="preload" href="https://example.com/example_page.html" as="document">

 // и потом использовать iframe как:

<iframe src="https://example.com/example_page.html"></iframe>

[Sergei Nazarenko]

veroni1337,

Насколько я знаю preload это подсказки для браузеров, а не обязательства

Да - это подсказки типа эй чувак вот в этом теге загрузи предварительно контент, потому что по-умолчанию он не грузит так как там none по-умолчанию то-есть не загружать предварительно. А обязательств в HTML вообще нет никаких. Все на совести разработчиков браузеров.