AnimationVideo

解释： swan.createAnimationVideo 的返回值，相关组件animation-video 。

示例

在开发者工具中预览效果

扫码体验

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

图片示例

AnimationVideo - 图2

AnimationVideo - 图3

AnimationVideo - 图4

代码示例

  • 在 swan 文件中
  1. <view class="wrap">
  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. </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. });