Fix/BOOK-240 video fixes

* fix(BOOK-240): Added support for multiple sources and fixed issue with play/pause on mobile

* fix(BOOK-240): Pausing hero video when scrolling out of view


Approved-by: Christel Westerberg

apps/scandic-web/components/ContentType/CollectionPage/collectionPage.module.css

@@ -22,6 +22,11 @@
     height: 100%;
     align-content: end;
     padding-bottom: var(--Space-x15);
+    pointer-events: none;
+
+    & > * {
+      pointer-events: auto;
+    }
   }
 }
 

apps/scandic-web/components/ContentType/CollectionPage/index.tsx

@@ -50,7 +50,7 @@ export async function CollectionPage() {
               <div className={styles.videoWrapper}>
                 <HeroVideo
                   className={styles.heroVideo}
-                  src={hero_video.src}
+                  sources={hero_video.sources}
                   focalPoint={hero_video.focalPoint}
                   captions={hero_video.captions}
                   isFullWidth

apps/scandic-web/components/ContentType/ContentPage/index.tsx

@@ -84,7 +84,7 @@ export async function ContentPage() {
               {hero_video ? (
                 <HeroVideo
                   className={styles.hero}
-                  src={hero_video.src}
+                  sources={hero_video.sources}
                   focalPoint={hero_video.focalPoint}
                   captions={hero_video.captions}
                 />