腾讯云小程序平台透明视频-开发指南-文档中心-腾讯云

createAnimationVideo
该 API 使用方法为 AnimationVideoContext wx.createAnimationVideo(string id, Object this)
功能说明：创建 animation-video 上下文 AnimationVideoContext 对象。
参数及说明：
string id：<animation-video> 组件的 id。
Object this：在自定义组件下，当前组件实例的 this，以组件内 <animation-video> 组件。
返回值：AnimationVideoContext。
AnimationVideoContext
功能说明：AnimationVideoContext 实例，可通过 wx.createAnimationVideo 获取。
AnimationVideoContext 通过 id 跟一个 <animation-video> 组件绑定，操作对应的 <animation-video> 组件。
示例代码
<view class="wrap">
  <view class="card-area">
    <view class="top-description border-bottom">
        <view>功能</view>
        <view>play pause seek</view>
    </view>
    <view class="video-area">
        <animation-video
            id="myAnimationVideo"
            path="{{leftAlphaSrcPath}}"
            loop="{{loop}}"
            resource-width="800"
            resource-height="400"
            canvas-style="width:200px;height:200px"
            autoplay="{{autoplay}}"
            bindstarted="onStarted"
            bindended="onEnded"
        ></animation-video>
    </view>
    <button bindtap="play">
      播放
    </button>
    <button bindtap="pause">
      暂停
    </button>
    <button bindtap="seek">
      跳转到动画2S处
    </button>
  </view>
</view>
Page({
  onLoad() {
    this.createCtx();
  },
  createCtx() {
    this.myAnimationVideo = wx.createAnimationVideoContext('my-video');
  },
  play() {
    this.myAnimationVideo?.play();
  },
  pause() {
    this.myAnimationVideo?.pause();
  },
  seek() {
    this.myAnimationVideo?.seek(2);
  },
})
.play
该 方法 使用方式为 AnimationVideoContext.play()
功能说明：播放视频。
.pause
该 方法 使用方式为 AnimationVideoContext.pause()
功能说明：暂停视频。
.seek
该 方法 使用方式为 AnimationVideoContext.seek(number position)
功能说明：跳转到指定位置。
参数及说明：number position，跳转到的位置，单位 s。
透明视频

本页目录：

createAnimationVideo

AnimationVideoContext

.play

.pause

.seek
