У меня есть несколько видео html5 на одной странице, и я только понял, что при посещении страницы все видео начинают загружаться, даже если я не нажал ни одной из них.
Есть ли способ загрузить видео только после нажатия кнопки воспроизведения, чтобы предотвратить ненужную загрузку?
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls="controls" preload="none">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
</body>
</html>
Использовать предварительную загрузку "none"
Вы должны использовать атрибут preload и установить его значение none.
Цитата из спецификация <video>
preload= " none" или " метаданные" или " авто" или "(пустая строка) или пустой
Представляет собой намек для UA о том, считается ли оптимистичная загрузка самого видео или его метаданных.
- none": указывает UA, что пользователю не требуется видео, или что минимизация ненужного трафика является желательным.
Просто используйте <video preload="none">
И если вы хотите загружать метаданные только видео, используйте <video preload="metadata">