animationvideo_AnimationVideo.md

title	header	nav	sidebar
AnimationVideo	develop	api	animationvideo_AnimationVideo

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

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

• 在 swan 文件中

<view class="wrap">
      <animation-video
        id ="myAnimationVideo"
        path = "{{path}}"
        bindstarted = "started"
        bindended = "ended"
        resource-width="800"
        resource-height="400"
        canvas-style ="width: 100%"
    >
    </animation-video>
</view>

• 在 js 文件中

Page({
    data: {
        path: 'https://efe-h2.cdn.bcebos.com/ceug/resource/res/2020-1/1577964961344/003e2f0dcd81.mp4'
    },
    onLoad() {
        // 创建动画组件实例
        this.myAnimationVideo = swan.createAnimationVideo('myAnimationVideo');
    }
});