Для размещения видео на сайте вы можете использовать как наш плеер, так и сторонний. Когда загружаете видео на платформу, мы создаем для каждого доступного разрешения mp4 файл. И в дальнейшем показываем именно эти готовые транскоды, а не загруженный оригинал. Именно так работают видеохостинги.

Почему предпочитают mp4 ссылку на видео для показа видео – у этого контейнера есть поддержка воспроизведения во всех популярных браузерах.

Как можно показать видео в интернете:

1. Воспользоваться готовым плеером, например, Boomstream. После загрузки видео на сервис и обработки оригинала, вы получаете код плеера для вставки на сайт. Внешний вид плеера, опции, кнопки настраивается на платформе. Мы ответственны за все. Вот скрин из меню, где расположен код плеера и настройки:

player_code...

2. Использовать сторонний html5 плеер, например, Plyr, Video.js, Shaka Player или любой другой. В этом случае в качестве источника видео используется ссылка на mp4 с платформы. Вам нужно самостоятельно настроить и поддерживать код плеера. При этом вы получаете полный контроль над дизайном и поведением плеера. Boomstream только передает видеопоток для просмотра.

3. Использовать встроенный в браузер плеер через html тег <video>. Именно он подставляется в блоках Tilda для видео, когда выбираете источник – mp4. Вы управляете плеером через различные атрибуты, подробнее о них в спецификации. Boomstream отвечает только за воспроизведение видео.

Если мы говорим о конструкторе Tilda, то вам доступны разнообразные блоки для публикации видео. Например, для текста на фоне видео используется блок TX14. Когда вы разместите в контентой части ссылку на mp4, Tilda автоматически подставит нужные атрибуты для непрерывной работы видео в фоне: autoplay, loop, muted, playsinline.

Важно:

автостарт видео возможен только с выключенным звуком. Браузеры запрещают автоматический старт видео со звуком.
На устройствах под управлением iOS при загрузке видео появляется серый фон. Чтобы видео проигрывалось на всех устройствах корректно, нужно к концу ссылки добавить параметр #t=0.001. Т.е ссылка будет выглядеть так https://cdnv.boomstream.com/balancer/LtfcPRjp-z9Z1DD2U.mp4#t=0.001

Для размещения видео на сайте вы можете использовать как наш плеер, так и сторонний.

Продукты

Решения

Компания

Документы