Merged in fix/BOOK-257-video-player (pull request #3373)

Fix/BOOK-257 video player

* fix(BOOK-257): Fixes to VideoPlayerButton and added stories

* fix(BOOK-257): Hiding mute button when the user has interacted with it

* fix(BOOK-257): Added support for poster image

* fix(BOOK-257): add crossOrigin attr to videoplayer

* fix(BOOK-257): comment


Approved-by: Anton Gunnarsson

packages/design-system/lib/components/VideoPlayer/utils.ts

@@ -0,0 +1,30 @@
+import { VideoHTMLAttributes } from 'react'
+import { VideoPlayerProps } from './types'
+
+export function getVideoPropsByVariant(
+  variant: VideoPlayerProps['variant'],
+  hasManuallyPlayed: boolean,
+  shouldAutoPlay: boolean
+): VideoHTMLAttributes<HTMLVideoElement> {
+  switch (variant) {
+    case 'hero':
+      return {
+        controls: false,
+        controlsList: 'nodownload nofullscreen noremoteplayback',
+        autoPlay: shouldAutoPlay,
+        muted: true,
+        loop: true,
+        playsInline: true,
+      }
+    case 'inline':
+    default:
+      return {
+        controls: hasManuallyPlayed,
+        controlsList: 'nodownload noremoteplayback',
+        autoPlay: shouldAutoPlay,
+        muted: true,
+        loop: false,
+        playsInline: true,
+      }
+  }
+}