feat: welcome video (#1135)

julianpoy · Nov 17, 2023 · 9ad9e44 · 9ad9e44
2 parents 4340a73 + 16c9171
commit 9ad9e44
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/packages/frontend/src/app/pages/info-components/welcome/welcome.page.html b/packages/frontend/src/app/pages/info-components/welcome/welcome.page.html
@@ -57,19 +57,19 @@ <h1 *ngIf="!isSelfHost">{{ 'pages.welcome.title' | translate }}</h1>
     </div>
 
     <div class="screen">
-      <picture>
-        <img
-          *ngIf="!isIOS"
-          src="assets/stockphotos/my-recipes-cap-dec-22.jpg"
-          alt="{{ 'pages.welcome.appDemoImageAlt' | translate }}"
+      <video
+        width="100%"
+        controls
+        loop
+        preload="none"
+        muted
+        poster="https://static.recipesage.com/assets/{{ isIOS ? 'ios' : 'android' }}-autoimport-demo.png"
+      >
+        <source
+          src="https://static.recipesage.com/assets/{{ isIOS ? 'ios' : 'android' }}-autoimport-demo.mp4"
+          type="video/mp4"
         />
-        <img
-          *ngIf="isIOS"
-          class="ios"
-          src="assets/stockphotos/my-recipes-ios.jpg"
-          alt="{{ 'pages.welcome.appDemoImageAlt' | translate }}"
-        />
-      </picture>
+      </video>
     </div>
 
     <div class="ion-padding welcomeContent">