swan.createAnimationVideo

解释: 创建并返回 animation-video 上下文 animationVideo 对象。通过 animationVideoId 跟一个 animation-video 组件绑定,通过它可以操作一个animation-video 组件。
Web 态说明:详见 animation-video 组件 Web 态说明。

# 方法参数

String animationVideoId

# 返回值

AnimationVideo

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

# 代码示例

    <view class="wrap">
        <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>
    
    Page({
        data: {
            loop: true,
            path: 'https://efe-h2.cdn.bcebos.com/ceug/resource/res/2020-1/1577964961344/003e2f0dcd81.mp4',
            autoplay: true
        },
        onLoad() {
            this.myAnimationVideo = swan.createAnimationVideo('myAnimationVideo');
            // 创建出动画组件实例,使用详见 AnimationVideo (https://smartprogram.baidu.com/docs/develop/api/media/animationvideo_AnimationVideo/)
        },
    });
    
    .video-area {
        height: 2.18rem;
        background: #343434;
        display: flex;
        align-items: center;
        justify-content: center;
    }