导语:百度mip组件主要分为四种,分别是内置组件、扩展通用组件、个性化组件以及广告组件。不同的组件所包含的内容是不一样的。
1.内置组件包含图片组件(mip-img)、mip-pix组件(mip-pix)、视频组件(mip-video)
2.扩展通用组件包含轮播组件(mip-carousel)和iframe组件(mip-iframe)
3.个性化组件包含推荐组件(mip-recommend)、分享组件(mip-share)、app下载组件(mip-appdl)、百度统计组件(mip-baidu-stats)、个性化广告组件 (mip-ad-customize)
4.广告组件(mip-ad)
今天我们对mip内置组件中包含的几个组件简单的介绍一下。
第一是图片组件(mip-img)
mip-img主要是用来支持在mip中增加图片内容,该图片组件支持在文本中插入一张或多张图片。插入的图片不限定大小,自动生成按照屏幕尺寸缩放的缩略图,点击缩略图可以查看原图。
(1) 使用
在MIP HTMl中,用来替代img标签,示例如下:
(2)属性
图片组件所涉及的属性有:图片地址(src),popup(弹层查看图片),文案(alt)以及类(class)
图片地址(src)
是否必填:是
说明:与img标签的src属性相同。值必须是一个url。同时,我们建议url的图片是可被浏览器缓存的,这样可以提高用户的访问速度。
弹层开关(popup)
是否必填:否
说明:设置图片资源是否可以在被点击后弹出全屏浮层查看,可选使用。当添加此属性时,图片可在被点击后全屏查看。
文案(alt)
是否必填:否
说明:与img标签的alt属性相同。
类(class)
是否必填:否
说明:与img标签的class属性相同,用于标识元素,设置元素样式。
第二是mip-pix组件(mip-pix)
mip-pix主要是用来支持站长在页面中添加百度搜索的相关统计。主要统计访问时间,来自的点击title和来自的域名。
(1)使用
接入方提供一个接收请求的服务地址,例如://yourselfdomain/mip/tj.gif,如果服务地址不支持HTTPS,可以使用百度提供的HTTPS代理服务使用MIP提供的插件,向服务地址定向发送请求。如:
MIP会自动匹配参数,生成请求地址,例如://yourselfdomain/mipurl/tj.gif?t=1459415529464&title=MIP_PIX_DEMO&host=mip.bdstatic.com&from=baidu
目前支持的参数: {TIME},{TITLE},{HOST}
(2)属性
通用统计组件所涉及的属性有:服务地址(src)
服务地址(src)
是否必填:是
说明:资源方服务地址
第三是视频组件(mip-xideo)
mip-video用来支持在mip中增加视频内容,该视频组件支持在文本中插入一个视频,插入的视频不先定大小与尺寸,自动生成按照屏幕尺寸缩放的缩略图,点击多略图可以播放视频。
(1)使用
mip-video能够像html5的video标签一样播发视频,可以是图文形式的,也可以是纯文字结构,不同的形式使用的代码是不同的。
图文形式的视频组件
纯文字结构
(2)属性
视频组件所涉及的属性有:视频地址(src),封面图地址(poster),广告 (ad), 安卓全屏(android-mode) ios下显示模式(ios-mode)
视频地址(src)
是否必填:是
说明:视频源地址,必须是https资源
封面图地址(poster)
是否必填:是
说明:视频播放前默认展示图片
广告(ad)
是否必填:否
说明:该属性为配置广告。可不填,必须卫https资源
安卓全屏(android-mode)
是否必填:否
说明:在安卓下没有该属性则会按照外框大小显示video。如果存在,则填写唯一属性值fullscreen,模拟全屏显示。
ios下显示模式(ios-mode)
是否必填:否
说明:在ios下是否隐藏原video.全屏打开,如果不填写则为正常打开。但是由于ios的特殊属性还是会全屏打开。(建议开启该模式,用户体验更佳)
(3) 验证
暂不支持
河南亿恩科技股份有限公司(www.enkj.com)始创于2000年,专注服务器托管租用,是国家工信部认定的综合电信服务运营商。亿恩为近五十万的用户提供服务器托管、服务器租用、机柜租用、云服务器、网站建设、网站托管等网络基础服务,另有网总管、名片侠网络推广服务,使得客户不断的获得更大的收益。
服务器/云主机 24小时售后服务电话:
0371-60135900
虚拟主机/智能建站 24小时售后服务电话:
0371-55621053
网络版权侵权举报电话:
0371-60135995
服务热线:
0371-60135900