CSS - reprodução durante

Descrição

A propriedade play-during define um som a ser reproduzido durante a renderização do conteúdo do elemento. Esse som também é conhecido como "som de fundo".

Valores possíveis

  • uri- Um único URI pode ser fornecido e deve ser resolvido em um arquivo de som. Caso contrário, a reprodução durante é tratada como se tivesse sido definida como automática.

  • mix - Faz com que o som de fundo do elemento seja reproduzido, junto com qualquer som de fundo resultante do valor de play-during para quaisquer elementos ancestrais.

  • repeat- Faz com que o som de fundo seja repetido se terminar antes de o elemento ser totalmente renderizado. Se o valor não contiver repetição, o som será reproduzido apenas uma vez.

  • auto - Qualquer som reproduzido por qualquer elemento ancestral continuará a ser ouvido, mas nenhum som de fundo será produzido pelo elemento atual.

  • none- Causa silêncio de fundo completo durante a renderização do elemento. Nenhum som de fundo é reproduzido para o elemento e quaisquer sons de fundo associados a elementos ancestrais também são silenciados.

Sintaxe DOM

object.style.playDuring = "mix";

Aplica-se a

Todos os elementos HTML

Exemplo

Aqui está o exemplo -

<style type = "text/css">
   <!--
      h1 {play-during: url(ocean-waves.wav) mix repeat;}
      a:link {play-during: none;}
   -->
</style>