HTMLMediaElement: свойство preload

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Свойство preload интерфейса HTMLMediaElement — это строка, которая даёт браузеру подсказку о том, что, по мнению автора, приведёт к наилучшему пользовательскому опыту.

Оно отражает атрибут preload элемента <audio> и элемента <video>.

Значение

Строка. Возможные значения следующие:

none: Указывает, что медиа не следует предварительно загружать.
metadata: Указывает, что загружается только метаданные медиа (например, длина).
auto: Указывает, что весь медиафайл может быть загружен, даже если предполагается, что пользователь им не будет пользоваться.
пустая строка: Синоним значения auto.

Примеры

<video
  id="el"
  controls
  src="https://example.com/media.mp4"
  poster="https://example.com/media.jpg"
  width="800"
  height="600"
  preload="metadata">
  Sorry, your browser doesn't support embedded videos, but don't worry, you can
  <a href="https://example.com/media.mp4" download="media.mp4">download it</a>
  and watch it with your favorite video player!
</video>

const el = document.getElementById("el");
console.log(el.preload); // Output: "metadata"

Спецификации

Спецификация
HTML # dom-media-preload

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`preload`	5	12	4	≤12.1	5	18	4	≤12.1	5	1.0	3

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/preload