> For the complete documentation index, see [llms.txt](https://doc.skysriver.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.skysriver.com/selling/dev-guide/componentization/createflow/like-video.md).

# 渲染伪视频广告位

## **实机兼容性**

* 以下为通过实机测试的引擎以及版本，通常情况下，支持同一大版本下同一引擎的渲染（假设支持版本为1.0.0引擎，1.7.0，1.8.0，1.9.0版本的引擎可能都支持）。
* cocos引擎中，请确保在画布渲染完毕之后调用`createFlow`
* 实测1.9.3cocos引擎暂不支持该UI渲染
* 请注意，横屏游戏暂不支持此类型广告位

## 支持的引擎

| 引擎    | 版本号           |
| ----- | ------------- |
| laya  | v1.7.1        |
| laya  | v2.0.0beta5.1 |
| cocos | v2.1.0        |

## **使用实例**

{% hint style="info" %}
只要确定广告位的参数与需要渲染的位置即可，SDK会根据广告位ID自动渲染出对应类型的广告位
{% endhint %}

```javascript
let flowUI = wx.tmSDK.createFlow({ // 调用createTiger时，立即显示视频广告
    positionId: 1260 // 传入伪视频id
});
```

### **onClose**

```javascript
flowUI.onClose(res => {
    if (res && res.isEnded) {
      // 正常播放结束，可以下发游戏奖励
    }
})
```

### offClose

```javascript
let callBack = (error) => { // 假设onError的时候绑定的为该函数
    console.log(error)
};
flowUI.offClose(callBack); // 取消某个监听事件
```

### **onError**

```javascript
flowUI.onError(function(error) {
    console.error(error);
})
```

### **offError**

```javascript
let callBack = function(error){ // 假设onError的时候绑定的为该函数
    console.log(error)
};
flowUI.offError(callBack);  // 取消某个监听事件
```

## **监听广告位跳转事件**

```javascript
flowUI.onNavigate(function(error) {
    console.error(error);
})
```

## **取消监听广告位跳转事件**

```javascript
let callBack = function(error){
    console.log(error)
};
flowUI.offNavigate(callBack);  // 取消某个监听事件
```