Videos Fix

src/components/property/commercial/singleView/contentSection.vue

@@ -7,7 +7,7 @@
             <iframe
               v-if="property.video !== null"
               width="100%"
-              src="https://www.youtube.com/embed/watch_popup?v=qKgHJYzWtVA"
+              :src="'https://www.youtube.com/embed/' + property.video"
               frameborder="0"
               allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
               allowfullscreen
@@ -130,12 +130,12 @@
             style="margin-bottom:-6px"
             class="mt-3"
           ></iframe>
-
           <h4 v-if="property.video !== null" class="mt-5">Video</h4>
           <iframe
             v-if="property.video !== null"
             width="100%"
-            src="https://www.youtube.com/embed/watch_popup?v=qKgHJYzWtVA"
+            height="500px"
+            :src="'https://www.youtube.com/embed/' + property.video"
             frameborder="0"
             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen
@@ -178,6 +178,12 @@ export default {
   },
   created() {},
   mounted() {
+    if (this.property.video === "") {
+      this.property.video = null;
+    }
+    if (this.property.virtualTour === "") {
+      this.property.virtualTour = null;
+    }
     this.$emit("Loaded", true);
   }
 };

src/components/property/residential/singleView/contentSection.vue

@@ -7,7 +7,7 @@
             <iframe
               v-if="property.video != null"
               width="100%"
-              src="https://www.youtube.com/embed/watch_popup?v=qKgHJYzWtVA"
+              :src="'https://www.youtube.com/embed/' + property.video"
               frameborder="0"
               allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
               allowfullscreen
@@ -128,11 +128,11 @@
               </div>
             </div>
           </div>
-
           <h4 v-if="property.virtualTour != null" style="margin-top:150px">Virtual Tour</h4>
           <iframe
             v-if="property.virtualTour != null"
             width="100%"
+            height="500px"
             :src="property.virtualTour"
             frameborder="0"
             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
@@ -145,7 +145,8 @@
           <iframe
             v-if="property.video != null"
             width="100%"
-            src="https://www.youtube.com/embed/watch_popup?v=qKgHJYzWtVA"
+            height="500px"
+            :src="'https://www.youtube.com/embed/' + property.video"
             frameborder="0"
             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen
@@ -190,6 +191,12 @@ export default {
     //this.getListsForPropertyEdit(this.property.id);
   },
   async mounted() {
+    if (this.property.video === "") {
+      this.property.video = null;
+    }
+    if (this.property.virtualTour === "") {
+      this.property.virtualTour = null;
+    }
     this.currentUrl = window.location.origin + this.$route.fullPath;
   },
   data() {