Размеры плеера

  • Можно не указывать
  • Можно задавать размеры, как и любому блоку на странице, при помощи стилей

• По умолчанию размеры плеера проставляются автоматически, никаких стилей указывать не нужно. <videotronic-player> занимает всю ширину контейнера в котором находится, высота высчитывается исходя из пропорции видео 16:9 


<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="overlay"
></videotronic-player>

• Видеоплееру можно задавать размеры точно так же, как и любому элементу на странице, при помощи css свойств width и height: 


<videotronic-player style="width:200px;height:200px;"
    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="overlay"
></videotronic-player>

Соотношение сторон, которое задано по умолчанию(16:9), можно менять при помоши css свойства aspect-ratio.
В примере указана фиксированная ширина, а высота высчитывает автоматически, исходя из указанной пропорции 9/16 


<videotronic-player style="width:200px; aspect-ratio:16/9;"
    data-video-src = "https://cdn.videotronic.io/assets/video/example-vert.mp4"
    data-video-poster = "https://cdn.videotronic.io/assets/img/poster-vert.png"
    data-video-controls
></videotronic-player>

! Рекомендуем всегда указывать размеры самостоятельно, смотри подключение стилей.