- Атрибут loop
- Как правильно задавать?
- Какие значения могут быть записаны в атрибут?
- В каких тегах применяется?
- Пример использования
- HTML loop Attribute
- Applies to
- Examples
- Audio Example
- Video Example
- Browser Support
- COLOR PICKER
- Report Error
- Thank You For Helping Us!
- HTML Атрибут loop
- Применение
- Примеры
- Пример Audio
- Пример Video
- Поддержка браузеров
- ВЫБОР ЦВЕТА
- Сообщить об ошибке
- Ваше предложение:
- Спасибо Вам за то, что помогаете!
- HTML loop Attribute
- Definition and Usage
- Browser Support
- Syntax
- COLOR PICKER
- Report Error
- Thank You For Helping Us!
- Атрибут loop в html
- Синтаксис¶
- Атрибуты¶
- autoplay¶
- controls¶
- height¶
- loop¶
- poster¶
- preload¶
- src¶
- width¶
- Спецификации¶
- Примеры¶
- Пример 1¶
- Пример 2¶
- Пример 3¶
- Поддержка браузерами¶
Атрибут loop
Заставляет запись проигрываться заново после своего завершения.
Касательно тега bgsound данный атрибут устанавливает количество повторов проигрываемой аудиозаписи.
В marquee этот атрибут устанавливает количество прокрутов указанной информации.
Как правильно задавать?
audio loop="loop">Сообщение, которое покажется, если браузер не поддерживает кодекиaudio> marquee loop="число повторов"> Какие значения могут быть записаны в атрибут?
Значением служить название атрибута — loop, однако чаще всего его используют без значения.
Для bgsound значениями выступают числа. Все положительные указывают четкое количество повторов. Если стоит 0, то запись проиграется 1 раз, а если -1 — то бесконечное количество раз.
Для marquee ставится число, которое четко указывает на количество повторов цикла прокрутки.
В каких тегах применяется?
Пример использования
DOCTYPE html> html> head> meta charset="utf-8"> title>Атрибут loop, тег audiotitle> head> body> audio controls> source src="files/play.ogg" type='audio/ogg; codecs=vorbis'> source src="files/play.mp3" type="audio/mpeg"> Браузер не может распознать тег. audio> body> html> DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> html> head> title>Атрибут loop, тег bgsoundtitle> bgsound src="audiofile.wav" loop="-1"> head> body> … body> html> HTML loop Attribute
When present, it specifies that the audio will start over again, every time it is finished.
Applies to
The loop attribute can be used on the following elements:
Examples
Audio Example
A song that will start over again, every time it is finished:
Video Example
A video that will start over again, every time it is finished:
Browser Support
The loop attribute has the following browser support for each element:
| Element | |||||
|---|---|---|---|---|---|
| loop | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| loop | 4.0 | 9.0 | 11.0 | 4.0 | 10.5 |
COLOR PICKER
Report Error
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
Thank You For Helping Us!
Your message has been sent to W3Schools.
Top Tutorials
Top References
Top Examples
Get Certified
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
HTML Атрибут loop
Когда присутствует, указывает, что аудио начнется снова, каждый раз, когда это закончено.
Применение
Атрибут loop может использоваться для следующих элементов:
Примеры
Пример Audio
Песня, которая будет начинаться снова, каждый раз, когда она закончена:
Пример Video
Видео, которое будет начинаться снова, каждый раз, когда оно будет завершено:
Поддержка браузеров
Атрибут loop имеет следующую поддержку браузеров для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| loop | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
| loop | 4.0 | 9.0 | 11.0 | 4.0 | 10.5 |
Мы только что запустили
SchoolsW3 видео
ВЫБОР ЦВЕТА
Сообщить об ошибке
Если вы хотите сообщить об ошибке или внести предложение, не стесняйтесь отправлять на электронное письмо:
Ваше предложение:
Спасибо Вам за то, что помогаете!
Ваше сообщение было отправлено в SchoolsW3.
ТОП Учебники
ТОП Справочники
ТОП Примеры
Получить сертификат
SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.
HTML loop Attribute
A video that will start over again, every time it is finished:
Definition and Usage
The loop attribute is a boolean attribute.
When present, it specifies that the video will start over again, every time it is finished.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
| Attribute | |||||
|---|---|---|---|---|---|
| loop | 4.0 | 9.0 | 11.0 | 3.1 | 11.5 |
Syntax
COLOR PICKER
Report Error
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
Thank You For Helping Us!
Your message has been sent to W3Schools.
Top Tutorials
Top References
Top Examples
Get Certified
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Атрибут loop в html
Тег (от англ. video — видео) добавляет, воспроизводит и управляет настройками видеоролика на веб-странице.
Путь к файлу задаётся через атрибут src или вложенный элемент . Список поддерживаемых браузерами аудио и видеокодеков ограничен.
Для универсального воспроизведения в браузерах видео кодируют с помощью разных кодеков и добавляют файлы одновременно.
Изображения и мультимедиа
Синтаксис¶
Закрывающий тег обязателен.
Атрибуты¶
autoplay Видео начинает воспроизводиться автоматически после загрузки страницы. buffered Атрибут для определения временных диапазонов буферизованных носителей. Этот атрибут содержит объект TimeRanges . controls Добавляет панель управления к видеоролику. crossorigin Этот атрибут указывает, следует ли использовать CORS для извлечения связанного изображения. height Задаёт высоту области для воспроизведения видеоролика. loop Повторяет воспроизведение видео с начала после его завершения. muted Логический атрибут, который определяет значение по умолчания для аудио дорожки, содержащуюся в видео. Если атрибут указан, то аудио дорожка воспроизводиться не будет. Значение атрибута по умолчанию — «ложь», и это означает, что звук будет воспроизводиться, когда видео воспроизводится. played Атрибут TimeRanges , указывающий все диапазоны воспроизводимого видео. poster Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится. preload Используется для загрузки видео вместе с загрузкой веб-страницы. src Указывает путь к воспроизводимому видеоролику. width Задаёт ширину области для воспроизведения видеоролика.
autoplay¶
При наличии этого атрибута видео начинает воспроизводиться автоматически после загрузки страницы. Атрибут autoplay отменяет действие preload .
video autoplay="autoplay">video> В качестве значения указывается autoplay , также допустимо вообще не указывать никакое значение.
Значение по умолчанию
По умолчанию этот атрибут выключен.
controls¶
Добавляет панель управления к видеоролику. Вид панели и её содержимое зависит от браузера и может в себя включать кнопку воспроизведения, паузы, перемотки, перехода в полноэкранный режим; ползунка для изменения уровня громкости и др.
video controls="controls">video> В качестве значения указывается controls , также допустимо писать атрибут без значения.
Значение по умолчанию
По умолчанию этот атрибут выключен.
height¶
Атрибут height задаёт высоту области для воспроизведения видеоролика. Само видео меняет свои размеры в большую или меньшую сторону, чтобы вписаться в заданные рамки, но его пропорции при этом остаются прежними.
Любое целое положительное число в пикселях или процентах.
Значение по умолчанию
Исходная высота берётся из параметров видео. Если эти параметры не доступны, тогда height принимается равной высоте картинке, заданной атрибутом poster . В противном случае высота видео устанавливается 150 пикселей.
loop¶
Зацикливает воспроизведение видео, оно повторяется каждый раз с начала после завершения.
В качестве значения указывается loop , также допустимо писать атрибут без значения.
Значение по умолчанию
По умолчанию этот атрибут выключен.
poster¶
Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не вопроизводится. Само изображение может быть в любом доступном формате: GIF, PNG, JPEG. Если атрибут poster не указан, браузер постарается отобразить первый кадр видео.
В качестве значения принимается полный или относительный путь к графическому файлу.
Значение по умолчанию
preload¶
Используется для загрузки видео вместе с загрузкой веб-страницы. Этот атрибут игнорируется, если установлен autoplay .
video preload="none | metadata | auto">video> none Не загружать видео. metadata Загрузить только служебную информацию (размеры видео, первый кадр, продолжительность и др.). auto Загрузить видео целиком при загрузке страницы.
Значение по умолчанию
src¶
Указывает путь к воспроизводимому видеоролику. Для этой же цели можно использовать элемент .
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
width¶
Атрибут width задаёт ширину области для воспроизведения видеоролика. Само видео меняет свои размеры в большую или меньшую сторону, чтобы вписаться в указанную ширину, но его пропорции при этом не искажаются.
Любое целое положительное число в пикселях или процентах.
Значение по умолчанию
Исходная ширина берётся из параметров видео, если это значение не доступно, тогда width принимается равной ширине картинке, заданной атрибутом poster . Если этот атрибут не установлен, ширина устанавливается как 300 пикселей.
Спецификации¶
Примеры¶
Пример 1¶
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
html> head> meta charset="utf-8" /> title>videotitle> head> body> video width="400" height="300" controls="controls" poster="video/duel.jpg" > source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"' /> source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"' /> Элемент video не поддерживается вашим браузером. a href="video/duel.mp4">Скачайте видеоa>. video> body> html> Пример 2¶
Первый пример воспроизводит видео, начиная воспроизведение, как только будет получено достаточное количество видео, чтобы позволить воспроизведение без паузы для загрузки еще. До начала воспроизведения видео на его месте отображается изображение «posterimage.jpg».
video src="videofile.ogg" autoplay poster="posterimage.jpg" > Sorry, your browser doesn't support embedded videos, but don't worry, you can a href="videofile.ogg">download ita> and watch it with your favorite video player! video> Второй пример позволяет пользователю выбирать различные субтитры.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
video src="foo.ogg"> track kind="subtitles" src="foo.en.vtt" srclang="en" label="English" /> track kind="subtitles" src="foo.sv.vtt" srclang="sv" label="Svenska" /> video> Пример 3¶
Пример нескольких источников
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
video width="480" controls poster="https://archive.org/download/WebmVp8Vorbis/webmvp8.gif" > source src="https://archive.org/download/WebmVp8Vorbis/webmvp8_512kb.mp4" type="video/mp4" /> source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.ogv" type="video/ogg" /> source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.webm" type="video/webm" /> Your browser doesn't support HTML5 video tag. video> Поддержка браузерами¶
Can I Use video? Data on support for the video feature across the major browsers from caniuse.com.
Поддержка WebM видео-кодека:
Can I Use webm? Data on support for the webm feature across the major browsers from caniuse.com.
Поддержка Ogg/Theora видео-кодека:
Can I Use ogv? Data on support for the ogv feature across the major browsers from caniuse.com.
Поддержка MPEG-4/H.264 видео-кодека:
Can I Use mpeg4? Data on support for the mpeg4 feature across the major browsers from caniuse.com.
Поддержка HEVC/H.265 видео-кодека:
Can I Use hevc? Data on support for the hevc feature across the major browsers from caniuse.com.