uniapp多媒体组件及配置项

一.audio音频

<view>
	<audio :src="audioSrc" controls></audio>
</view>

data:function() {
	return {
		audioSrc:"https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3"
	}
}

常用属性：

• src 播放地址
• loop 是否循环播放 默认值false
• controls 是否显示默认控件 默认值false

二.image图片

<view>
	<image src="/static/img/shuijiao.jpg" style="width:50%;" mode="widthFix"></image>
</view>

常用属性：mode 图片裁剪、缩放的模式

mode有效值：4种缩放模式，9种裁剪模式
缩放：
scaleToFill 默认值，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素；
widthFix宽度不变，高度自动变化，保持原图宽高比不变

裁剪：
top不缩放图片，只显示图片的顶部区域
left不缩