11.4 隐藏面板的设置

在网页中引入多媒体文件播放,必然存在多媒体播放区域,用来告诉浏览者该区域中有多媒体播放,多媒体所在的区域称为多媒体控制面板,其内部有开始/暂停/声音等调节按钮。有了面板后,用户在网页中控制播放就更方便了。但有时,只要设置一载入网页就开始播放多媒体,而且不需要面板显示,这时可以把面板隐藏。

多媒体控制面板隐藏后,用户看不到网页中有控制面板,也就不用设置开始、暂停等,下面来学习用来设置隐藏面板的参数,还需要依赖于标记<embed>,与其他参数一样,可以用true和false来控制多媒体是否隐藏。隐藏多媒体面板用hidden表示,其后所接的参数值为true或false,当设置hidden值为true时,表示多媒体面板隐藏,相反,设置参数值为false时,不会隐藏控制多媒体面板,这也是默认值。参数hidden在标记<embed>中的语法如下。


<embed src="url"hidden=true|false>


在标记<embed>中,引入路径为url的多媒体文件,然后设置面板是否隐藏,即设置hidden的参数值为true表示隐藏,相反,设置为false是不隐藏,让多媒体面板显示,即默认值。

同时参数值false也可以用no取代,即可表示成true:隐藏面板,no表示显示面板,同时也是默认值,隐藏面板的代码如下。


<embed src="your.mid"hidden=true>


以上代码表示在<embed>标记中,引入多媒体文件your.mid,并设置面板隐藏,即hidden设置为true,当在网页中显示时,面板将不会出现,同理,以下代码表示在标记<embed>中设置不隐藏面板。


<embed src="your.mid"hidden=no>


同理,要设置面板显示可以设置hidden参数值为no,也可以用false取代,效果与不设置hidden参数都是一样的,因为没有设置则代表默认值,代码11.4演示了设置隐藏面板的用法。

代码11.4 源代码\第11章\隐藏面板.html


——————————————-文件名:隐藏面板.html——————————————-

01 <html>

02 <head>

03 <title>隐藏面板</title>

04 </head>

05 <body>

06 下面是mp3文件:

07 <br>

08 <embed src="smak slow.mp3"hidden="true">

09 多媒体面板是隐藏的,打开网页自动播放。

10 </body>

11 </html>


【代码解析】第8行是在网页中引入多媒体文件,然后设置面板隐藏,当打开网页时,立刻能听到多媒体播放出来的声音,却看不到面板,这是因为已将hidden设置为true,表示多媒体面板隐藏,效果如图11.4所示。

11.4 隐藏面板的设置 - 图1

图 11.4 隐藏面板