从零开始学web开发之html59.多媒体10.浮动框架iframe

1.多媒体embed

embed是H5新增的标签&＃xff0c;它是一个自闭合标签。
H5中还有audio、video标签可用于网页的多媒体开发。
通过实践发现&＃xff0c;embed不管如何设置&＃xff0c;都会一打开网页就播放&＃xff0c;视频与音频都是如此&＃xff0c;非常不实用。

<1>.网页中插入音、视频

embed标签实现在线音频和视频的插入。
语法&＃xff1a;

<embed src&＃61;"多媒体文件地址" width&＃61;"播放界面的宽度" height&＃61;"播放界面的调试"/>

src可以是音频或者视频的地址

<2>.插入背景音乐

IE中使用bgsound标签&＃xff0c;但不支持其它浏览器&＃xff0c;故同样可以embed标签实现背景音乐的插入。
语法:

"" hidden&＃61;"" autostart&＃61;"" loop&＃61;""/>

• hidden: 布尔值,true表示隐藏播放器&＃xff0c;即是背景音乐。
• autostart:布尔值,ture表示页面一载入则自行播放。
• loop:布尔值,true表示无限次播放(循环播放)。

<3>.插入Flash

同样使用embed标签实现插入Flash

2.浮动框架

<1>.简介

浮动框架iframe是一种较为特殊的框架,它是在浏览器窗口中嵌套子窗口&＃xff0c;整个页面并不一定是框架页面&＃xff0c;但要包含一个框架窗口。
iframe可以自定义宽高和指定放置位置。

语法&＃xff1a;

<iframe src&＃61;"源文件地址" width&＃61;"浮动框架的宽" height&＃61;"高">iframe>

说明:
src属性是iframe的必需属性,定义框架的地址.宽与高是可选属性。

<2>.iframe滚动条

使用scrolling属性来控制&＃xff0c;分为三种情况&＃xff1a;根据需要显示、总是显示、不显示。
语法:

<iframe src&＃61;"源文件地址" width&＃61;"浮动框架的宽" height&＃61;"高" scrolling&＃61;"取值">iframe>

说明&＃xff1a;
scrolling属性取值如下。

3.网页链接&效果演示

p9多媒体演示链接
p10浮动框架演示链接