视频添加插屏广告

src/otherPages/videoSubjectList/index.vue

@@ -1,15 +1,14 @@
 <template>
-  <div class="videoList">
-    <div class="list">
-      <div class="list-title">书籍视频解说</div>
-
+  <view class="videoList">
+    <view class="list">
+      <view class="list-title">书籍视频解说</view>
       <view
         v-for="(item, index) in list"
         :key="index"
-        @click="goPlayVideo(item)"
+        @click="addinsertAd(item)"
       >
-        <div class="list-item">
-          <div style="position: relative">
+        <view class="list-item">
+          <view style="position: relative">
             <image
               class="list-item-play"
               alt=""
@@ -21,13 +20,13 @@
               alt=""
               :src="item.videoCover"
             />
-          </div>
+          </view>
 
-          <div class="list-item-name">{{ item.videoName }}</div>
-        </div>
+          <view class="list-item-name">{{ item.videoName }}</view>
+        </view>
       </view>
-    </div>
-  </div>
+    </view>
+  </view>
 </template>
 
 <script>
@@ -55,15 +54,51 @@ export default {
   methods: {
     goPlayVideo(item) {
       let query = Object.assign({}, this.query);
-      query.paramsMode = 2
+      query.paramsMode = 2;
       uni.setStorageSync("storageWebSrc", item.videoUrl);
       uni.navigateTo({
         url: "/pages/extraWeb/index?" + utils.mapToUrlQuery(query),
       });
     },
+    addinsertAd(item) {
+      let query = Object.assign({}, this.query);
+      query.paramsMode = 2;
+      uni.setStorageSync("storageWebSrc", item.videoUrl);
+      // 在页面中定义插屏广告
+      let interstitialAd = null;
+      // 在页面onLoad回调事件中创建插屏广告实例
+      if (uni.createInterstitialAd) {
+        interstitialAd = uni.createInterstitialAd({
+          adUnitId: "adunit-7f8366efc6a07d93",
+        });
+        interstitialAd.onLoad(() => {});
+        interstitialAd.onError((err) => {
+          console.error(err);
+          uni.navigateTo({
+            url: "/pages/extraWeb/index?" + utils.mapToUrlQuery(query),
+          });
+        });
+        interstitialAd.onClose(() => {
+          uni.navigateTo({
+            url: "/pages/extraWeb/index?" + utils.mapToUrlQuery(query),
+          });
+        });
+      }
+
+      // 在适合的场景显示插屏广告
+      if (interstitialAd) {
+        interstitialAd.show().catch((err) => {
+          console.error(err);
+          uni.navigateTo({
+            url: "/pages/extraWeb/index?" + utils.mapToUrlQuery(query),
+          });
+        });
+      }
+    },
   },
   onLoad(query) {
     this.query = query;
+
     api.carVideo
       .studentVideoTeachingList({
         videoSubject: query.subject,
@@ -78,6 +113,8 @@ export default {
 <style lang="scss" scoped>
 .videoList {
   width: 750rpx;
+  height: 100vh;
+  overflow-y: scroll;
   .list {
     width: 690rpx;
     display: flex;

src/pages/carVideo/index.vue

@@ -34,7 +34,7 @@
     </van-tabs> -->
     <!-- #ifdef MP-WEIXIN -->
     <topbar>
-      <!-- <userInfoHead :userData="userData"></userInfoHead> -->
+      <userInfoHead :userData="userData"></userInfoHead>
     </topbar>
     <!-- #endif -->
  

src/pages/extraWeb/index.vue

@@ -1,6 +1,8 @@
 <template>
   <view>
-    <web-view  :src="query.src"></web-view>
+    <view>
+      <web-view :src="query.src"></web-view>
+    </view>
   </view>
 </template>
 
@@ -22,22 +24,19 @@ export default {
     this.query = query;
     if (query.paramsMode == "1") {
       this.query.src = query.src;
-    }
-    else if(query.paramsMode == "2"){
-      this.query.src = uni.getStorageSync('storageWebSrc')
+    } else if (query.paramsMode == "2") {
+      this.query.src = uni.getStorageSync("storageWebSrc");
     }
   },
 };
 </script>
 
 <style lang="scss" scoped>
-.fixed{
+.fixed {
   position: fixed;
   top: 0;
-
 }
-.w600{
+.w600 {
   width: 300px !important;
-
 }
 </style>

src/pages/user/index.vue

@@ -206,7 +206,7 @@ import unLoginHead from "@/assets/img/unLoginHead.png";
 export default {
   computed: {
     unLoginHead() {
-      return "https://mmbiz.qpic.cn/sz_mmbiz_jpg/U1q0AYGzob5AbSPdqDs1tbOATPL8gJfbiaaJbCf0a7ibzBAyca1eoDvFgzGQc6GeuG1icBiaqevcFW1k5no8accn0A/640?wx_fmt=jpeg";
+      return unLoginHead;
     },
     expireTime() {
       return this.$store.state.user.userInfo.expireTime &&