Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Редактор Поддержка Форум
HTML CSS JAVASCRIPT SQL PYTHON PHP КАК? BOOTSTRAP JAVA SW3.CSS C C++ C# REACT R JQUERY DJANGO TYPESCRIPT NODEJS MYSQL

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов
Атрибуты тегов accept accept-charset accesskey action alt async autocomplete autofocus charset checked cite class cols colspan content contenteditable contextmenu controls coords data data-* datetime default defer dir dirname disabled download draggable dropzone enctype for form formaction headers height hidden high href hreflang http-equiv id ismap kind label lang list loop low manifest max maxlength media method min multiple muted name novalidate onabort onafterprint onbeforeprint onbeforeunload onblur oncanplay oncanplaythrough onchange onclick oncontextmenu oncopy oncuechange oncut ondblclick ondrag ondragend ondragenter ondragleave ondragover ondragstart ondrop ondurationchange onemptied onended onerror onfocus onhashchange oninput oninvalid onkeydown onkeypress onkeyup onload onloadeddata onloadedmetadata onloadstart onmousedown onmousemove onmouseout onmouseover onmouseup onmousewheel onoffline ononline onpageshow onpaste onpause onplay onplaying onprogress onratechange onreset onresize onscroll onsearch onseeked onseeking onselect onshow onstalled onsubmit onsuspend ontimeupdate ontoggle onunload onvolumechange onwaiting onwheel open optimum pattern placeholder poster preload readonly rel required reversed rows rowspan sandbox scope scoped selected shape size sizes span spellcheck src srcdoc srclang start step style tabindex target title translate type usemap value width wrap
HTML Глобальные атрибуты
Глобальные атрибуты accesskey class contenteditable contextmenu data-* dir draggable dropzone hidden id lang spellcheck style tabindex title translate
HTML События атрибутов
События атрибутов onafterprint onbeforeprint onbeforeunload onerror onhashchange onload onmessage onoffline ononline onpagehide onpageshow onpopstate onresize onstorage onunload События формы onblur onchange oncontextmenu onfocus oninput oninvalid onreset onsearch onselect onsubmit События клавиатуры onkeydown onkeypress onkeyup События мыши onclick ondblclick onmousedown onmousemove onmouseout onmouseover onmouseup onmousewheel onwheel События перетаскивания ondrag ondragend ondragenter ondragleave ondragover ondragstart ondrop onscroll События буфера обмена oncopy oncut onpaste События разные onshow ontoggle
HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a>
Атрибут download Атрибут href Атрибут hreflang Атрибут media Атрибут ping Атрибут referrerpolicy Атрибут rel Атрибут target Атрибут type
Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area>
Атрибут alt Атрибут coords Атрибут download Атрибут href Атрибут hreflang Атрибут media Атрибут rel Атрибут shape Атрибут target Атрибут type
Тег <article> Тег <aside> Тег <audio>
Атрибут autoplay Атрибут controls Атрибут loop Атрибут muted Атрибут preload Атрибут src
Тег <b> Тег <base>
Атрибут href Атрибут target
Тег <basefont> Тег <bdi> Тег <bdo>
Атрибут dir
Тег <big> Тег <blockquote>
Атрибут cite
Тег <body> Тег <br> Тег <button>
Атрибут autofocus Атрибут disabled Атрибут form Атрибут formaction Атрибут formenctype Атрибут formmethod Атрибут formnovalidate Атрибут formtarget Атрибут name Атрибут type Атрибут value
Тег <canvas>
Атрибут height Атрибут width
Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col>
Атрибут span
Тег <colgroup>
Атрибут span
Тег <data> Тег <datalist> Тег <dd> Тег <del>
Атрибут cite Атрибут datetime
Тег <details>
Атрибут open
Тег <dfn> Тег <dialog>
Атрибут open
Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed>
Атрибут height Атрибут src Атрибут type Атрибут width
Тег <fieldset>
Атрибут disabled Атрибут form Атрибут name
Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form>
Атрибут accept-charset Атрибут action Атрибут autocomplete Атрибут enctype Атрибут method Атрибут name Атрибут novalidate Атрибут rel Атрибут target
Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html>
Атрибут xmlns
Тег <i> Тег <iframe>
Атрибут height Атрибут name Атрибут referrerpolicy Атрибут sandbox Атрибут src Атрибут srcdoc Атрибут width
Тег <img>
Атрибут alt Атрибут height Атрибут ismap Атрибут longdesc Атрибут src Атрибут usemap Атрибут width
Тег <input>
Атрибут accept Атрибут alt Атрибут autocomplete Атрибут autofocus Атрибут checked Атрибут dirname Атрибут disabled Атрибут form Атрибут formaction Атрибут formenctype Атрибут formmethod Атрибут formnovalidate Атрибут formtarget Атрибут height Атрибут list Атрибут max Атрибут maxlength Атрибут min Атрибут minlength Атрибут multiple Атрибут name Атрибут pattern Атрибут placeholder Атрибут readonly Атрибут required Атрибут size Атрибут src Атрибут step Атрибут type Атрибут value Атрибут width
Тег <ins>
Атрибут cite Атрибут datetime
Тег <kbd> Тег <label>
Атрибут for Атрибут form
Тег <legend> Тег <li>
Атрибут value
Тег <link>
Атрибут href Атрибут hreflang Атрибут media Атрибут rel Атрибут sizes Атрибут type
Тег <main> Тег <map>
Атрибут name
Тег <mark> Тег <meta>
Атрибут charset Атрибут content Атрибут http-equiv Атрибут name
Тег <meter>
Атрибут form Атрибут high Атрибут low Атрибут max Атрибут min Атрибут optimum Атрибут value
Тег <nav> Тег <noframes> Тег <noscript> Тег <object>
Атрибут data Атрибут form Атрибут height Атрибут name Атрибут type Атрибут usemap Атрибут width
Тег <ol>
Атрибут reversed Атрибут start Атрибут type
Тег <optgroup>
Атрибут disabled Атрибут label
Тег <option>
Атрибут disabled Атрибут label Атрибут selected Атрибут value
Тег <output>
Атрибут for Атрибут form Атрибут name
Тег <p> Тег <param>
Атрибут name Атрибут value
Тег <picture> Тег <pre> Тег <progress>
Атрибут max Атрибут value
Тег <q>
Атрибут cite
Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script>
Атрибут async Атрибут charset Атрибут defer Атрибут src Атрибут type
Тег <section> Тег <select>
Атрибут autofocus Атрибут disabled Атрибут form Атрибут multiple Атрибут name Атрибут required Атрибут size
Тег <small> Тег <source>
Атрибут media Атрибут sizes Атрибут src Атрибут srcset Атрибут type
Тег <span> Тег <strike> Тег <strong> Тег <style>
Атрибут media Атрибут type
Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td>
Атрибут colspan Атрибут headers Атрибут rowspan
Тег <template> Тег <textarea>
Атрибут autofocus Атрибут cols Атрибут dirname Атрибут disabled Атрибут form Атрибут maxlength Атрибут name Атрибут placeholder Атрибут readonly Атрибут required Атрибут rows Атрибут wrap
Тег <tfoot> Тег <th>
Атрибут abbr Атрибут colspan Атрибут headers Атрибут rowspan Атрибут scope
Тег <thead> Тег <time>
Атрибут datetime
Тег <title> Тег <tr> Тег <track>
Атрибут default Атрибут kind Атрибут label Атрибут src Атрибут srclang
Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video>
Атрибут autoplay Атрибут controls Атрибут height Атрибут loop Атрибут muted Атрибут poster Атрибут preload Атрибут src Атрибут width
Тег <wbr>


HTML Атрибут ondurationchange

❮ Назад Все HTML Атрибуты Далее ❯

Определение и использование ondurationchange

Атрибут ondurationchange, событие происходит при изменении данных продолжительности указанного аудио / видео.

Примечание: Когда аудио / видео загружается, продолжительность будет меняться от "NaN" к фактической продолжительности аудио/видео.

Во время процесса загрузки аудио / видео происходят следующие события, в этом порядке:

  1. loadstart
  2. ondurationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

Применение ondurationchange

Атрибут ondurationchange является частью Атрибута Событий и может использоваться на следующих элементах:

Элемент Событие
<audio> ondurationchange
<video> ondurationchange

Примеры ondurationchange

Пример Audio

Запустите "myFunction", когда звук будет готов начать воспроизведение:

<audio ondurationchange="myFunction()">
Попробуйте сами »
Пример Video

Запустите "myFunction" когда видео будет готово для начала воспроизведения:

<video ondurationchange="myFunction()">
Попробуйте сами »

Поддержка браузеров ondurationchange

Атрибут ondurationchange имеет следующую поддержку браузера для каждого элемента:

Элемент
audio Да 9.0 Да Да Да
video Да 9.0 Да Да Да
❮ Назад Все HTML Атрибуты Далее ❯