• AnimationVideo
  • 示例
    • 图片示例
    • 代码示例

AnimationVideo

解释： swan.createAnimationVideo 的返回值，相关组件 animation-video 。
Web 态说明：详见 animation-video 组件 Web 态说明。

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

图片示例

代码示例

• SWAN
• JS
• CSS

 
 
 

  
  
  
<view class="wrap">
  
  
  
 <view class="card-area">
  
  
  
 <view class="video-area">
  
  
  
 <animation-video
  
  
  
 id="myAnimationVideo"
  
  
  
 path="{{path}}"
  
  
  
 loop="{{loop}}"
  
  
  
 resource-width="800"
  
  
  
 resource-height="400"
  
  
  
 canvas-style="width:200px;height:200px"
  
  
  
 autoplay="{{autoplay}}"
  
  
  
 bindstarted="started"
  
  
  
 bindended="ended"
  
  
  
 ></animation-video>
  
  
  
 </view>
  
  
  
 <button class="btn" type="primary" bindtap="changeStatus">{{status}}动画</button>
  
  
  
 <button class="btn" type="primary" bindtap="seek">跳转到动画2S处</button>
  
  
  
 </view>
  
  
  
</view>