小编fra*_*rax的帖子

如何让视频在不拉伸的情况下填满屏幕(使用 Chewie 或类似工具)?

正如标题所说,是否可以让视频充满屏幕而不出现明显的拉伸?如果是这样,我该如何用咀嚼做到这一点?

咀嚼链接: https: //pub.dev/packages/chewie

问题在此输入图像描述

播放器填满屏幕,但视频被拉伸,因为我使用了 MediaQuerys,但除了提供宽高比之外,我不知道有任何其他方法可以更改播放器的大小。我需要保留视频的宽高比,但还要让视频适合屏幕。

我当前的代码

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:chewie/chewie.dart';
import 'package:video_player/video_player.dart';

class MyVideoPlayer extends StatefulWidget {
  final String path;

  MyVideoPlayer({Key key, @required this.path}) : super(key: key);

  @override
  _MyVideoPlayerState createState() => new _MyVideoPlayerState();
}

class _MyVideoPlayerState extends State<MyVideoPlayer> {
  VideoPlayerController _videoPlayerController;
  ChewieController _chewieController;
  Future<void> _future;
  TargetPlatform _platform;

  Future<void> initVideoPlayer() async {
    await _videoPlayerController.initialize();
    setState(() {
      print(_videoPlayerController.value.aspectRatio);
      _chewieController = ChewieController(
        aspectRatio: MediaQuery.of(context).size.width/ MediaQuery.of(context).size.height,
        videoPlayerController: _videoPlayerController,
        autoPlay: false,
        looping: false,
        // showControls: false,
        materialProgressColors: ChewieProgressColors(
          playedColor: …
Run Code Online (Sandbox Code Playgroud)

video dart exoplayer flutter

7
推荐指数
2
解决办法
1万
查看次数

标签 统计

dart ×1

exoplayer ×1

flutter ×1

video ×1