一聚教程网:一个值得你收藏的教程网站

热门教程

mip-video视频是什么 mip-video视频怎么用

时间:2022-06-29 11:05:28 编辑:袖梨 来源:一聚教程网

标题 内容
类型 通用
支持布局 responsive,fixed-height,fill,container,fixed
所需脚本

示例

基本使用

ps://placehold.it/640x360"controls 

 layout="responsive"

src="https://gss0.bdstatic.com/-b1Caiqa0d9Bmcmop9aC2jh9h2w8e4_h7sED0YQ_t9iCPK/mda-gjkt21pkrsd8ae5y/mda-gjkt21pkrsd8ae5y.mp4">

Attributes

所有

layout="responsive"

src="https://gss0.bdstatic.com/-b1Caiqa0d9Bmcmop9aC2jh9h2w8e4_h7sED0YQ_t9iCPK/mda-gjkt21pkrsd8ae5y/mda-gjkt21pkrsd8ae5y.mp4"> 

多视频源

与HTML5

失效提示

对于不支持HTML5

内部的DOM(除外)将会在不支持

src="https://gss0.bdstatic.com/-b1Caiqa0d9Bmcmop9aC2jh9h2w8e4_h7sED0YQ_t9iCPK/mda-gjkt21pkrsd8ae5y/mda-gjkt21pkrsd8ae5y.mp4"> 

 您的浏览器不支持视频播放,可以从 

 这里 下载该视频。 

属性

下面是几个重要的属性。事实上,所有HTML5 

对此可参考MDN文档:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

src

说明:视频源地址,必须是https资源

必选项:否

类型:字符串

取值范围:URL

默认值:无

poster

说明:封面图地址,为了保证视频载入过程中仍然有很好的呈现效果,请设置该字段

必选项:否

类型:字符串

取值范围:URL

默认值:无

controls

说明:是否显示视频控制控件,包括开始/暂停按钮、全屏按钮、音量按钮等。对于非自动播放视频,请务必设置该属性。

必选项:否

类型:字符串

取值范围:任何

默认值:无

autoplay

说明:是否自动播放。

必选项:否

类型:字符串

取值范围:任何

默认值:无

注意事项

为防止视频加载造成页面抖动,指定视频的高度和宽度是一个好习惯。MIP中,指定宽高是强制的。

如果定义了layout属性,width和height属性将配合layout进行缩放。

为了正确地播放视频,src为空时请务必添加子元素。

热门栏目