uniapp 中,video组件,mode 有哪几种,各有什么意思,要求 示例代码
时间: 2024-05-12 18:20:32 浏览: 97
uni-app 媒体组件
在uniapp中,video组件的mode属性有以下几种:
1. aspectFit:保持宽高比缩放,使视频的较短边能完全显示出来,较长边留空白,即视频内容完全显示在容器内,但可能会有黑边。
2. aspectFill:保持宽高比缩放,使视频的较长边能完全显示出来,较短边被裁剪掉,即视频内容填满容器,但可能会裁剪掉部分内容。
3. widthFix:宽度不变,高度自动变化,保持原始宽高比缩放,即视频宽度在容器内不变,高度自动变化。
4. heightFix:高度不变,宽度自动变化,保持原始宽高比缩放,即视频高度在容器内不变,宽度自动变化。
以下是示例代码:
```html
<template>
<view>
<video src="http://xxx.mp4" mode="aspectFit"></video>
<video src="http://xxx.mp4" mode="aspectFill"></video>
<video src="http://xxx.mp4" mode="widthFix"></video>
<video src="http://xxx.mp4" mode="heightFix"></video>
</view>
</template>
```
阅读全文