You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
1.6 KiB
85 lines
1.6 KiB
4 years ago
|
<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>
|