The CSS play-during property is similar to the cue-before and cue-after properties, but it specifies a sound to be played as a background while an element's content is spoken.


Multiple values may be specified by separating each one with a white space.

Value Description
inherit Explicitly sets the value of this property to that of the parent.
mix This value indicates that whatever sound file is to be played for this element will be played with the sound inherited from the parent element's play-during property. If this value is not used, the element's background sound replaces the play-during sound of any parent.
repeat This value indicates that the specified sound will be repeated to fill the time needed to render the element, if it is too short. Otherwise, the sound plays once and then stops. If the play-during sound is longer than the time needed to render the element content it will be clipped.
auto The play-during sound of the parent element plays only once more.
none Nothing is played in the background during the element's rendering, not even any parent play-during values. Parent play-during values will resume playing after the element is rendered.
URL Indicates the URL to be used as a background sound while the element's content is rendered.

HTML example:

<q style="play-during:url('explosion.wav') auto;">KA-BOOM!</q>

CSS example:

q {
   play-during:url("explosion.wav") auto;

External Links

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.