object标签和embed标签都能给页面添加多媒体内容:
一、object
对于object,w3c上定义object为一个嵌入的对象。可以使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
标签用于包含对象,比如图像、音频、视频、Javaapplets、ActiveX、PDF 以及 Flash。object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 和 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
二.object与embed
我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是object和embed标签。
object标签是用于windows平台的IE浏览器的,
embed是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。
备注: windows平台的IE利用Activex控件来播放flash而其它的浏览器则使用Netscape插件技术来播放flash。
三、和标签的区别:
两者都是用来播放多媒体文件的对象,object元素用于IE浏览器,embed元素用于非IE浏览器,为了保证兼容性,通常我们同时使用两个元素,浏览器会自动忽略它不支持的标签。同时使用两个元素时,应该把标签放在标签的内部。
接下来是代码展示:
页面出来效果:IE也可以兼容哦!
非IE移动端 可以只用embed标签引入
*{margin:0;padding:0;}
a.weui-media-box {
color: #000;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.weui-media-box {
padding: 15px;
position: relative;
}
.content-title-two {
display: block;
width: 100%;
padding: 3.59375vw 3.90625vw;
box-sizing: border-box;
background: #fff;
border-bottom: 1px solid #efefef;
}
.weui-media-box {
float: left;
padding: 10px 15px !important;
width: 100%;
box-sizing: border-box;
}
.content-title-two .content-title-video {
width: 100%;
margin-bottom: 2.03125vw;
}
.content-title-two .content-title-p {
font-size: 2.8125vw;
color: #939393;
}
[视频] 感动!一声呼喊 十几人合力抬车救出车轮下的男
2017-06-07 00:00:00