Атрибут data-video-src

Описание

Путь к воспроизводимому видео.
Если нужно указать несколько видео с разным качеством, воспользуйтесь атрибутом data-video-srcset.

Значение

Путь до своего ролика, ролика с ютуба или из VK Видео:


data-video-src = "https://cdn.videotronic.io/assets/video/example-720.mp4"
data-video-src = "https://www.youtube.com/embed/cdUDf3Q9No4"
data-video-src = "https://vkvideo.ru/video_ext.php?oid=-220754053&id=456246595"
    

Для VK Видео подходит ссылка на встраивание (video_ext.php) — её отдаёт кнопка «Поделиться → Встроить» на vkvideo.ru в составе кода для вставки — либо ссылка на страницу ролика вида https://vkvideo.ru/video-220754053_456246595. Ссылка на страницу работает только для публичных роликов: приватным нужен параметр hash, а он есть только в коде для вставки. Домены vk.com, vk.ru, vkvideo.ru, vkvideo.com. Проигрыватель выбирается по ссылке автоматически, в остальном плеер VK ведёт себя как ютуб: качество регулирует сам VK, звук и автозапуск задаются атрибутами data-video-muted и data-video-autoplay.

Примеры

.mp4

<videotronic-player
    data-video-src = "https://cdn.videotronic.io/assets/video/example-720.mp4"
    data-video-poster = "https://cdn.videotronic.io/assets/img/poster.png"
    data-video-controls
></videotronic-player>
            
youtube

<videotronic-player
    data-video-src = "https://www.youtube.com/embed/cdUDf3Q9No4"
    data-video-poster = "https://cdn.videotronic.io/assets/img/poster.png"
    data-video-controls
></videotronic-player>
            
VK Видео

<videotronic-player
    data-video-src = "https://vkvideo.ru/video_ext.php?oid=-220754053&id=456246595"
    data-video-poster = "https://cdn.videotronic.io/assets/img/poster.png"
    data-video-controls
></videotronic-player>
            

То же самое по ссылке на страницу ролика:


<videotronic-player
    data-video-src = "https://vkvideo.ru/video-220754053_456246595"
    data-video-poster = "https://cdn.videotronic.io/assets/img/poster.png"
    data-video-controls
></videotronic-player>