初始化(包含登录模块)
This commit is contained in:
84
pages/API/full-screen-video-ad/full-screen-video-ad.vue
Normal file
84
pages/API/full-screen-video-ad/full-screen-video-ad.vue
Normal file
@@ -0,0 +1,84 @@
|
||||
<template>
|
||||
<view>
|
||||
<page-head :title="title"></page-head>
|
||||
<view class="uni-padding-wrap uni-common-mt">
|
||||
<button :loading="loading" :disabled="loading" type="primary" class="btn" @click="showAd">显示广告</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title: '全屏视频广告',
|
||||
loading: false,
|
||||
loadError: false
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
// #ifdef APP-PLUS
|
||||
this.adOption = {
|
||||
adpid: '1507000611'
|
||||
};
|
||||
// #endif
|
||||
this.createAd();
|
||||
},
|
||||
methods: {
|
||||
createAd() {
|
||||
var _ad = this._ad = uni.createFullScreenVideoAd(this.adOption);
|
||||
_ad.onLoad(() => {
|
||||
this.loading = false;
|
||||
this.loadError = false;
|
||||
_ad.show();
|
||||
console.log('onLoad event')
|
||||
});
|
||||
_ad.onClose((res) => {
|
||||
// 用户点击了【关闭广告】按钮
|
||||
if (res && res.isEnded) {
|
||||
// 正常播放结束
|
||||
console.log("onClose " + res.isEnded);
|
||||
} else {
|
||||
// 播放中途退出
|
||||
console.log("onClose " + res.isEnded);
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
title: "全屏视频" + (res.isEnded ? "成功" : "未") + "播放完毕",
|
||||
duration: 10000,
|
||||
position: 'bottom'
|
||||
})
|
||||
}, 500)
|
||||
});
|
||||
_ad.onError((err) => {
|
||||
this.loading = false;
|
||||
if (err.code) {
|
||||
this.loadError = true;
|
||||
}
|
||||
console.log('onError event', err)
|
||||
uni.showToast({
|
||||
title: err.errMsg,
|
||||
position: 'bottom'
|
||||
})
|
||||
});
|
||||
},
|
||||
showAd() {
|
||||
this.loading = true;
|
||||
this._ad.load();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.btn {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.ad-tips {
|
||||
color: #999;
|
||||
padding: 30px 0;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user