Atributos

Atributos de marcação disponíveis no elemento customizado

Só embed JS

Atributos são definidos na própria tag <vturb-smartplayer>, então existem apenas no embed por elemento customizado. O iframe não consegue ler atributos da sua página — veja Elemento vs iframe.

Propriedade

Tipo

fluid

Faz o player preencher o container em vez de se dimensionar pelo vídeo.

index.html
<!-- fills the container -->
<vturb-smartplayer id="vid-PLAYER_ID" fluid style="width: 100%; height: 100%;">
</vturb-smartplayer>

<!-- or constrained by an aspect ratio -->
<vturb-smartplayer id="vid-PLAYER_ID" fluid style="width: 100%; aspect-ratio: 16 / 9;">
</vturb-smartplayer>

Evite combinar fluid com altura fixa no container quando o player tem headlines ou chamadas para ação. Elas fazem parte da altura total do player, então uma altura fixa ou corta o vídeo ou empurra os CTAs para fora da área visível. Limite a largura e deixe o aspect-ratio cuidar do resto.

pauseonetouch

Pausa o vídeo quando o visitante toca no player, sem precisar exibir os controles antes.

index.html
<vturb-smartplayer id="vid-PLAYER_ID" pauseonetouch></vturb-smartplayer>

Só em mobile — no desktop o clique já alcança os controles.

Nesta página