uniapp中video怎么设置视频宽高
时间: 2023-09-09 13:10:22 浏览: 1271
在uniapp中使用video标签,可以通过设置style属性来设置视频的宽度和高度。如下所示:
```html
<video src="your_video_url" style="width: 100%; height: 300px;"></video>
```
其中style属性中的width和height属性可以根据需要进行调整,单位可以是px、rem、vw、vh等。这样就可以设置视频的宽度和高度了。
相关问题
uniapp移动端video怎么设置视频宽高
在 Uniapp 中,可以使用 `video` 标签来添加视频,并通过 `style` 属性来设置宽高。例如:
```html
<video src="your_video_url" style="width: 100%; height: 300px;"></video>
```
在上面的代码中,`style` 属性中的 `width` 和 `height` 分别设置了视频的宽度和高度。可以根据实际需要来修改宽高的数值。如果想让视频自适应父元素的宽度,可以将宽度设置为 `100%`,高度设置为 `auto`:
```html
<video src="your_video_url" style="width: 100%; height: auto;"></video>
```
uniapp 获取视频的宽高
在uniapp中,你可以使用`uni.createSelectorQuery`方法获取视频的宽高。以下是一个示例代码:
```javascript
uni.createSelectorQuery().in(this).select('#video').fields({
size: true
}, (res) => {
console.log('视频的宽度:', res.width);
console.log('视频的高度:', res.height);
}).exec();
```
在上述代码中,`'#video'`表示你的视频组件的选择器,你需要根据实际情况进行修改。`res.width`和`res.height`分别表示视频的宽度和高度。
请注意,这段代码需要在视频组件加载完成后再执行,否则可能无法获取正确的宽高值。