uniapp 微信小程序 bindloadedmetadata不生效

在Uniapp中，使用`bindloadedmetadata`绑定video标签的事件确实会出现不生效的情况。这是因为Uniapp使用了自己的封装组件，导致一些原生属性或事件无法正常使用。

解决方法如下：

1. 使用`bindplay`事件替代`bindloadedmetadata`事件，因为在播放前`bindplay`事件一定会触发，可以在该事件中获取到视频的元数据。

2. 在video标签上添加属性`autoplay`，使得视频在加载完成后自动播放。

以下是示例代码：

<video src="your-video-src" autoplay="true" bindplay="onVideoPlay"></video>

// js代码
onVideoPlay() {
  const video = uni.createVideoContext('your-video-id', this);
  video.duration // 获取视频时长
}

希望对你有所帮助。

相关问题

uniapp微信小程序适配

Uniapp已经内置了微信小程序的适配，可以直接使用Uniapp开发微信小程序。但是需要注意以下几点：

1. 处理小程序特有的生命周期和事件

微信小程序有自己的生命周期和事件，需要在Uniapp中进行处理。具体可以参考Uniapp官方文档中的小程序生命周期和事件。

2. 处理小程序特有的API

微信小程序有一些Uniapp不支持的API，需要在Uniapp中进行特殊处理。具体可以参考Uniapp官方文档中的小程序API。

3. 避免使用不兼容的组件和样式

微信小程序和Uniapp的组件和样式不完全兼容，需要避免使用不兼容的组件和样式。具体可以参考Uniapp官方文档中的小程序组件和样式。

4. 避免使用小程序的全局变量和方法

微信小程序有一些全局变量和方法，但在Uniapp中不建议使用。建议使用Uniapp提供的全局变量和方法。

总之，Uniapp开发微信小程序需要熟悉微信小程序的特点和Uniapp的特点，以便能够顺利进行开发并且保证兼容性。

uniapp微信小程序知识点

1. Uniapp是什么？

Uniapp是一个基于Vue.js开发的多端应用框架，它可以开发出一套代码，同时支持编译成小程序、H5、App等多个平台，实现一次开发，多端部署。

2. 微信小程序是什么？

微信小程序是微信公众平台提供的一种新的应用形态，它不需要下载安装即可使用，具有轻便、快捷的特点，可以在微信中直接使用。

3. Uniapp如何开发微信小程序？

首先，需要在Uniapp中选择微信小程序模板进行项目创建，然后在Uniapp中编写代码，包括页面、组件、API等。最后，使用微信开发者工具将Uniapp项目编译成微信小程序。

4. Uniapp支持哪些微信小程序特性？

Uniapp支持微信小程序的大部分特性，包括WXSS样式、WXML模板、JS逻辑代码等。同时，Uniapp还提供了一些特有的API，如跨页面通信、全局变量等。

5. 如何在Uniapp中使用微信小程序的API？

在Uniapp中使用微信小程序的API需要借助Uniapp提供的封装函数。Uniapp封装了一些常用的微信小程序API，如wx.request、wx.showToast等，可以直接在Uniapp中调用。

6. 如何在Uniapp中使用微信小程序的组件？

在Uniapp中使用微信小程序的组件需要将组件代码复制到Uniapp中，并进行相应的修改。同时，Uniapp也提供了一些封装好的组件，如uni-list、uni-icons等，方便开发者使用。

7. 如何在Uniapp中使用微信小程序的插件？

在Uniapp中使用微信小程序的插件需要安装插件并进行相应的配置。Uniapp支持使用微信小程序的插件，如wxParse、wxCharts等。

8. 如何在Uniapp中进行微信小程序的调试和发布？

在Uniapp中进行微信小程序的调试和发布需要使用微信开发者工具。开发者可以在Uniapp中进行代码编写和调试，然后使用微信开发者工具将Uniapp项目编译成微信小程序，最后在微信开发者工具中进行测试和发布。