AnimationVideo.seek

解释:跳转到指定位置(单位:s)

方法参数

Number position

示例

在开发者工具中预览效果

扫码体验

AnimationVideo.seek - 图1请使用百度APP扫码

图片示例

AnimationVideo.seek - 图2

AnimationVideo.seek - 图3

AnimationVideo.seek - 图4

代码示例

  • 在 swan 文件中
  1. <view class="container">
  2. <animation-video
  3. id ="myAnimationVideo"
  4. path = "{{path}}"
  5. bindstarted = "started"
  6. bindended = "ended"
  7. resource-width="800"
  8. resource-height="400"
  9. canvas-style ="width: 100%"
  10. >
  11. </animation-video>
  12. <button class="btn" type="primary" bindtap="seek">跳转到2s</button>
  13. </view>
  • 在 js 文件中
  1. Page({
  2. data: {
  3. path: 'https://efe-h2.cdn.bcebos.com/ceug/resource/res/2020-1/1577964961344/003e2f0dcd81.mp4'
  4. },
  5. onLoad() {
  6. // 创建动画组件实例
  7. this.myAnimationVideo = swan.createAnimationVideo('myAnimationVideo');
  8. },
  9. seek() {
  10. // 动画跳转到 2 s
  11. this.myAnimationVideo.seek(2);
  12. }
  13. });