html5替代iframe布局 视频宽度、高度全屏播放，用width="100%" height="100%"没有效果

来源：蜘蛛抓取(WebSpider) 时间：2015-12-14 04:17 标签： html5替代iframe布局

html5替代iframe布局元素用来在文档中添加┅个内联框架

为body的子元素必须在body中使用。

添加一个百度的内联框架,点击京东会变成京东页面

在HTML文档中嵌入内容可以是你的頁面更加丰富。

使用img元素可以在HTML文档里嵌入图像该元素包含如下属性：
1）src：显示图像的URL；
2）alt：图像的替代文本；
3）height：图像的高度；
4）width：圖像的宽度；
5）usemap：将图像定义为客户端图像映射；
6）ismap：将图像定义为服务端图像映射。
下面具体介绍对图像的操作

使用src和alt属性就可以嵌叺一张图像。

上面使用了allowfullscreen属性用于设置是否启用全屏观看功能。


object元素也用于定义一个嵌入的对象比如：图像、音频、视频、PDF、Flash等。object元素的有点是可以包含备用内容在指定内容不可用时显示出来。

如果data属性引用的资源不存在则显示object元素中的内容。


progress元素表示进度条支歭的属性包括：
1）max：表示任务的最大值；
2）value：定义了当前的进度，位于0到max属性的值之间；
3）form：所属的一个或多个表单
当max属性被省略时，范围是0到1而value属性则使用浮点数来表示进度，例如0.3表示30%

上面给出的例子演示了点击不同的button让progress显示不同的值，在chrome中的效果如下：


meter元素显示某个范围内的某个值支持的属性包括：
1）min和max：指定可能只所处范围，可以用浮点数；
2）low：指定低值范围在它之下的所有制都被认为是過低；
3）high：指定高值范围，在它之上的所有值都被认为是过高；
4）optimum：指定“最佳”值；
5）value：必须度量的当前值；
6）form：所属的一个或多个表单。

当meter元素的value值为过低和过高以及最佳值时，浏览器会以不同的方式呈现它们


我要回帖

更多关于 html5替代iframe布局 的文章

 

随机推荐