微信小程序获取视频宽高
时间: 2024-10-19 14:09:48 浏览: 31
微信小程序、在线视频播放
5星 · 资源好评率100%
微信小程序通过`wx.createSelectorQuery()`方法可以获取视频元素的宽度和高度。以下是获取视频宽高的步骤:
1. 首先,在你需要获取视频信息的地方,创建一个新的SelectorQuery实例:
```javascript
let query = wx.createSelectorQuery();
```
2. 接下来,添加一个选择器,指定你要查询的视频元素,通常是某个ID或者其他唯一标识符:
```javascript
query.select('#your-video-id');
```
或者如果你有一个video节点:
```javascript
query.select('video');
```
3. 调用`boundingClientRect`属性,它会返回一个包含视频元素边界框信息的对象,包括宽度(w)和高度(h):
```javascript
query.exec((res) => {
let videoRect = res[0].boundingClientRect;
let width = videoRect.width;
let height = videoRect.height;
// 这里你可以使用width和height做进一步处理
});
```
4. 执行查询:
```javascript
query.exec(); // 执行并立即获取结果
```
注意:由于JavaScript异步特性,如果在`exec`回调之前就尝试访问`width`和`height`,可能会是undefined,所以最好是在回调函数内部使用。
阅读全文