fix: Videoplayer

lib/pages/chat/events/video_player.dart

@@ -47,6 +47,23 @@ class _EventVideoPlayerState extends State<EventVideoPlayer> {
         }
         _tmpFile = file;
       }
+      final tmpFile = _tmpFile;
+      final networkUri = _networkUri;
+      if (kIsWeb && networkUri != null && _chewieManager == null) {
+        _chewieManager ??= ChewieController(
+          videoPlayerController: VideoPlayerController.network(networkUri),
+          autoPlay: true,
+          additionalOptions: _additionalOptions,
+          autoInitialize: true,
+        );
+      } else if (!kIsWeb && tmpFile != null && _chewieManager == null) {
+        _chewieManager ??= ChewieController(
+          videoPlayerController: VideoPlayerController.file(tmpFile),
+          autoPlay: true,
+          additionalOptions: _additionalOptions,
+          autoInitialize: true,
+        );
+      }
     } on MatrixConnectionException catch (e) {
       ScaffoldMessenger.of(context).showSnackBar(SnackBar(
         content: Text(e.toLocalizedString(context)),
@@ -57,6 +74,8 @@ class _EventVideoPlayerState extends State<EventVideoPlayer> {
       ));
       SentryController.captureException(e, s);
     } finally {
+      // Workaround for Chewie needs time to get the aspectRatio
+      await Future.delayed(const Duration(milliseconds: 100));
       setState(() => _isDownloading = false);
     }
   }
@@ -69,32 +88,30 @@ class _EventVideoPlayerState extends State<EventVideoPlayer> {
 
   static const String fallbackBlurHash = 'L5H2EC=PM+yV0g-mq.wG9c010J}I';
 
+  List<OptionItem> _additionalOptions(BuildContext context) => [
+        OptionItem(
+          onTap: () {},
+          iconData: Icons.download_outlined,
+          title: L10n.of(context)!.downloadFile,
+        ),
+      ];
+
   @override
   Widget build(BuildContext context) {
     final hasThumbnail = widget.event.hasThumbnail;
     final blurHash = (widget.event.infoMap as Map<String, dynamic>)
             .tryGet<String>('xyz.amorgan.blurhash') ??
         fallbackBlurHash;
-    final videoFile = _tmpFile;
-    final networkUri = _networkUri;
-    if (kIsWeb && networkUri != null && _chewieManager == null) {
-      _chewieManager = ChewieController(
-        videoPlayerController: VideoPlayerController.network(networkUri),
-      );
-    } else if (!kIsWeb && videoFile != null && _chewieManager == null) {
-      _chewieManager = ChewieController(
-        videoPlayerController: VideoPlayerController.file(videoFile),
-        autoPlay: true,
-      );
-    }
 
     final chewieManager = _chewieManager;
-    return SizedBox(
+    return Material(
+      child: SizedBox(
         width: 400,
         height: 300,
-      child: Stack(
+        child: chewieManager != null
+            ? Center(child: Chewie(controller: chewieManager))
+            : Stack(
                 children: [
-          if (chewieManager == null) ...[
                   if (hasThumbnail)
                     ImageBubble(widget.event)
                   else
@@ -105,19 +122,25 @@ class _EventVideoPlayerState extends State<EventVideoPlayer> {
                         backgroundColor: Theme.of(context).colorScheme.surface,
                       ),
                       icon: _isDownloading
-                    ? const CircularProgressIndicator.adaptive(strokeWidth: 2)
+                          ? const SizedBox(
+                              width: 24,
+                              height: 24,
+                              child: CircularProgressIndicator.adaptive(
+                                  strokeWidth: 2),
+                            )
                           : const Icon(Icons.download_outlined),
                       label: Text(
-                  L10n.of(context)!
-                      .videoWithSize(widget.event.sizeString ?? '?MB'),
+                        _isDownloading
+                            ? L10n.of(context)!.loadingPleaseWait
+                            : L10n.of(context)!.videoWithSize(
+                                widget.event.sizeString ?? '?MB'),
                       ),
                       onPressed: _isDownloading ? null : _downloadAction,
                     ),
                   ),
-          ] else
-            Material(child: Center(child: Chewie(controller: chewieManager))),
                 ],
               ),
+      ),
     );
   }
 }

lib/utils/resize_image.dart

@@ -19,28 +19,24 @@ extension ResizeImage on MatrixFile {
   static const int max = 1200;
   static const int quality = 40;
 
-  Future<MatrixFile> resizeVideo() async {
-    if (!PlatformInfos.isMobile) return this;
+  Future<MatrixVideoFile> resizeVideo() async {
     final tmpDir = await getTemporaryDirectory();
     final tmpFile = File(tmpDir.path + name);
-    if (await tmpFile.exists() == false) {
+    MediaInfo? mediaInfo;
     await tmpFile.writeAsBytes(bytes);
     try {
-        final mediaInfo = await VideoCompress.compressVideo(tmpFile.path);
-        if (mediaInfo == null) return this;
+      mediaInfo = await VideoCompress.compressVideo(tmpFile.path);
+    } catch (e, s) {
+      SentryController.captureException(e, s);
+    }
     return MatrixVideoFile(
       bytes: await tmpFile.readAsBytes(),
       name: name,
       mimeType: mimeType,
-          width: mediaInfo.width,
-          height: mediaInfo.height,
-          duration: mediaInfo.duration?.round(),
+      width: mediaInfo?.width,
+      height: mediaInfo?.height,
+      duration: mediaInfo?.duration?.round(),
     );
-      } catch (e, s) {
-        SentryController.captureException(e, s);
-      }
-    }
-    return this;
   }
 
   Future<MatrixImageFile?> getVideoThumbnail() async {