Thuộc tính play-during trong CSS



Thuộc tính play-during trong CSS xác định phần âm thanh sẽ được phát trong khi hiển thị nội dung phần tử. Phần âm thanh này cũng được gọi là âm nền (Background Sound).

Thuộc tính play-during có thể nhận giá trị:

  • uri: nếu được xác định, thì đây là đường dẫn trỏ tới nơi chứa sound file. Nếu không, thì trình duyệt sẽ tự động xử lý như trong trường hợp giá trị là auto.

  • mix: âm thanh nền của phần tử sẽ được phát cùng với việc phát các âm nền của các phần tử cha khác.

  • repeat: âm nền của phần tử sẽ được phát lặp đi lặp lại cho đến khi đã hiển thị hết nội dung phần tử. Nếu không được xác định là repeat, thì âm nền sẽ chỉ được phát một lần.

  • auto: bất kỳ âm nền nào đang được phát cho phần tử cha sẽ tiếp tục được phát trong khi hiển thị nội dung phần tử này.

  • none: không có âm nền hoặc dừng phát âm nền trong khi hiển thị phần tử này.

Cú pháp thuộc tính play-during trong DOM

object.style.playDuring = "mix";
Quảng cáo

Thuộc tính play-during có thể áp dụng cho:

Tất cả các phần tử HTML.

Ví dụ thuộc tính play-during trong CSS

Tiếp theo là ví dụ minh họa cách sử dụng của thuộc tính play-during trong CSS:

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

tong_hop_thuoc_tinh_trong_css.jsp