Efeito do ícone do reprodutor de vídeo

O ícone Reproduzir é sobreposto na área de visualização de vídeo. Ele é exibido quando o vídeo é pausado ou quando o fim do vídeo é atingido, e também depende do parâmetro de efeito de ícone .

A aparência do ícone de reprodução é controlada com o seguinte seletor de classe CSS:

.s7mixedmediaviewer . s7videoplayer .s7iconeffect

Propriedades CSS do ícone de reprodução

imagem de fundo

A imagem exibida para o ícone de reprodução.

posição de fundo

Posição dentro da estrutura de arte, se os sprites CSS forem usados.

Consulte Sprites CSS .

width

A largura do ícone de reprodução.

altura

A altura do ícone de reprodução.

O efeito de ícone suporta o seletor de atributo state. state="play" é usado quando o vídeo é pausado no meio da reprodução e state="replay" é usado quando o indicador de reprodução está no final do fluxo.

Exemplo

Configure um ícone de reprodução de 100 x 100 pixels.

.s7mixedmediaviewer .s7videoplayer .s7iconeffect { 
 width: 100px; 
 height: 100px;} 
.s7mixedmediaviewer .s7videoplayer .s7iconeffect[state="play"] { 
background-image: url(images/playIcon.png); 
} 
.s7mixedmediaviewer .s7videoplayer .s7iconeffect[state="replay"] { 
background-image: url(images/replayIcon.png); 
}

Nesta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now