在html5中,controls的意思為“控制”,是audio和video標(biāo)簽的一個(gè)屬性,用于規(guī)定瀏覽器為視頻或音頻提供播放控件(例播放、暫停、定位、音量等),語法“<video controls>”或“<audio controls>”。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
在html5中,controls的意思為“控制”。
controls是audio和video標(biāo)簽的一個(gè)屬性。
controls 屬性規(guī)定瀏覽器應(yīng)該為視頻或音頻提供播放控件。
如果設(shè)置了該屬性,則規(guī)定不存在作者設(shè)置的腳本控件。
瀏覽器控件應(yīng)該包括:
-
播放
-
暫停
-
定位
-
音量
-
全屏切換
-
字幕(如果可用)
-
音軌(如果可用)
說明:
在 XHTML 中, 該屬性是不允許簡(jiǎn)寫的 , controls 屬性必須定義為 <audio controls="controls">
。
但在HTML5 中,該屬性的屬性值可以省略,直接可<audio controls>
。
示例1:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的瀏覽器不支持 video 標(biāo)簽。 </video> <video width="320" height="240"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的瀏覽器不支持 video 標(biāo)簽。 </video> </body> </html>
示例2:
<audio> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。 </audio>
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。 </audio>
可以看出,如果audio標(biāo)簽不設(shè)置controls屬性,則音樂播放器無法被人察覺。