video

video - HTML елемент для вбудування відео контенту у веб-сторінку і його відтворення.

Синтаксис:


<video src="URL адреса ресурсу" width="пікселів" height="пікселів" poster="URL адреса зображення" autoplay="true" controls loop="true" mute="true"></video>

document.createElement('video');

Параметри:

src - URL-адреса аудіо файлу.

width - ширина відео плеєра.

height - висота відео плеєра.

poster - URL адреса зображення, яке буде показано під час завантаження відео або доки користувач не натискає кнопку відтворення. Якщо це не включено то замість нього буде використано перший кадр відео.

autoplay - логічний атрибут який вказає чи буде звук автоматично відтворюватися. Не обов'язково вказувати.

controls - якщо даний атрибут вказаний то браузер відображає елементи керування, щоб користувач мав змогу контролювати відтворенням відео. Не обов'язково вказувати.

loop - логічний атрибут який вказує чи відтворювати знову медіа після досягнення кінця звуку. Не обов'язково вказувати.

muted - логічний атрибут який вказує чи виключити звук. Не обов'язково вказувати.

preload - вказує як повенен завантажуватися відео файл вказаний в атрибуті src.

none - відео файл не повинен попередньо завантажуватися.
metadata - завантажити лише метадані (тривалість відтворення, розмір).
auto - відео файл може бути завантажений, навіть якщо користувач не очікує його використання.

crossorigin - чи слід використовувати CORS при завантаженні медіа даних.

anonymous - перед завантаженням медіа даних виконується cross-origin запит (Origin в HTTP header). Але при цьому не передаються параметри доступу (ні cookie, ні сертифікат X.509, ні логін/пароль для базової аутентифікації по HTTP). У відповіді сервера повинен бути присутнім заголовок "Access-Control-Allow-Origin" інакше використання медіа даних не відбудиться.
use-credentials - перед завантаженням медіа даних виконується cross-origin запит ( Origin:HTTP header) із зазначенням параметрів доступу (у вигляді cookie, сертифіката або пари логін/пароль). У відповіді сервера повинен бути присутнім заголовок "Access-Control-Allow-Origin", інакше використання завантаження медіа даних не відбудиться.

Якщо даний атрибут не заданий тоді CORS при завантаженні медіа даних не використовується (немає заголовка Origin в HTTP header).

Опис:

video HTML елемент для відтворення відео.

Браузери підтримують наступні формати відео: MP4, WebM, Ogg.

Крім власних властивостей і методів video успадковує їх у Element і HTMLMediaElement.

video

video.width - ширина відео плеєра.
video.height - висота відео плеєра.
video.poster - зображення плеєра.
video.videoHeight - внутрішня висота відео.
video.videoWidth - внутрішня ширана відео.

video.getVideoPlaybackQuality() - поточні показники відтворення.

Приклад:

<video width="480" controls>
<source src="/dani/test.mp4"></source>
<source src="/dani/test.ogv"></source>
</video>

var video=document.getElementById('video');
video.play();