草庐IT

video - Flutter - video_player 全屏

coder 2023-07-21 原文

我正在使用一个名为 video_player 的插件在我的 Flutter 项目上。我可以毫无问题地播放和暂停视频,但我想让它全屏和水平播放。我找不到与此相关的任何内容。

这是我使用的基本代码:

playerController = VideoPlayerController.network(
          "<VIDEO_URL>")
        ..addListener(listener)
        ..setVolume(1.0)
        ..initialize()
        ..play();

我可以全屏吗?

最佳答案

据我所知,VideoPlayer 不知道它在哪里,而只是尽可能地扩展以适应给定的空间。

我相信你想做的是使用 RotatedBox作为视频的父级并设置旋转值。根据您的应用程序的具体工作方式,您可能希望视频播放器以水平和小尺寸开始,并有一个切换到横向模式的全屏按钮。但是,如果应用程序本身设置为旋转,您必须考虑到这一点,并在手机水平旋转后取消旋转视频,这可能会导致 UI 在发生 flutter 旋转时变得丑陋,您取消旋转视频。

您可能还想使用一个对话框来全屏显示视频,以便您可以关闭它并返回到您所在的屏幕。

我可能会提供更多指导,但这取决于您采用哪种方式(将应用锁定为纵向模式并手动进行旋转)与使用 Flutter 的内置旋转。

关于video - Flutter - video_player 全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52431109/

有关video - Flutter - video_player 全屏的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性:然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量:ANDROID_HOMED:\AndroidSDK2.然后在系统变量:Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量:        变量名:FLUTTER_STORAGE_BASE_URL      变量值:https://storage.flutter-io.cn        变量名:PUB_HOSTED_URL      变量

  2. ruby - 我可以做 hash.has_key 吗? ('video' 或 'video2' ) ( ruby ) - 2

    或者我可以做得更好hash.has_key?('videox')wherexis''什么都没有或一个数字?所以'video'、'video1'、'video2'会通过条件吗?当然我可以有两个条件,但万一我将来需要使用video3,事情会变得更复杂...... 最佳答案 如果您想要video的一般情况后跟一个数字而不明确列出所有组合,可以使用Enumerable中的几种方法。您可以将其与正则表达式结合使用。hash.keys是来自hash的键数组,^video\d$匹配视频后跟一个数字。#trueiftheblockreturnstr

  3. Two-Stream Convolutional Networks for Action Recognition in Videos双流网络论文精读 - 2

    Two-StreamConvolutionalNetworksforActionRecognitioninVideos双流网络论文精读论文:Two-StreamConvolutionalNetworksforActionRecognitioninVideos链接:https://arxiv.org/abs/1406.2199本文是深度学习应用在视频分类领域的开山之作,双流网络的意思就是使用了两个卷积神经网络,一个是SpatialstreamConvNet,一个是TemporalstreamConvNet。此前的研究者在将卷积神经网络直接应用在视频分类中时,效果并不好。作者认为可能是因为卷积神经

  4. ruby - 使用 watir-webdriver 以全屏模式打开浏览器 - 2

    我知道这是一个非常愚蠢的问题。然而,我无法找到如何使用watirwebdriver使浏览器以全屏模式打开。我尝试使用maximize()但没有成功。代码如下所示:require"rubygems"require"watir-webdriver"ff=Watir::Browser.new(:firefox)ff.goto("http://google.com")ff.maximize()得到错误“未定义的方法最大化” 最佳答案 现在,可以最大化浏览器做的事情:require"rubygems"require"watir-webdriv

  5. javascript - 在 Google Chrome 中使用全屏 API 时,我无法在输入元素中使用字母数字键盘 - 2

    在GoogleChrome中,当我使用FullScreenAPI并尝试在输入元素中输入字母数字内容时,它没有执行任何操作。它适用于Firefox。他们是GoogleChrome中这个问题的解决方法吗? 最佳答案 docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);检查thislink链接内容:FullscreenwithkeyinputForsecurityreasons,mostkeyboardinputshavebeenblockedinthefullscre

  6. javascript - YouTube Player API 检测全屏退出 - 2

    所以基本上有一个按钮,点击它会打开并全屏播放视频。我想在用户退出全屏但无法捕获该事件时停止视频。现在我用它作为开始http://codepen.io/bfred-it/pen/GgOvLM谁能告诉我一个可能的解决方案。HTML:playfullscreenJS:varplayer,iframe;var$=document.querySelector.bind(document);//initplayerfunctiononYouTubeIframeAPIReady(){player=newYT.Player('player',{height:'200',width:'300',vide

  7. javascript - facebook如何用javascript全屏? - 2

    相关onclickgofullscreen和Howtoimplementexactfull-screeninjavascript?.Facebook最近添加了高分辨率ImageView功能:当我点击它时,我的浏览器进入全屏模式:这是类似于F11的原生浏览器全屏。我想为仅在内部使用的本地网络应用程序实现此功能,因此不会让随机用户因全屏效果而感到恼火。有人知道怎么做吗?或者我在哪里可以获得代码来实现它,并解释它是如何工作的? 最佳答案 这是HTML5提供的新API,因此目前只有少数浏览器支持它...可以查看MDN一些基本的解释和例子编辑

  8. javascript - 强制 Chrome/Firefox 进入全屏? - 2

    我想使用chrome显示全屏html页面以进行演示。您可以将chrome设置为全屏模式,但似乎退出的唯一方法是将鼠标移动到屏幕顶部并单击:我不想禁用退出全屏的能力,我只想让它退出,所以退出的唯一方法是按ESC键,而不是鼠标位置。这样基本上浏览器“管理员”是唯一可以离开演示文稿的人。这在Firefox或Chrome中可能吗?如果不可能的话,我可以为此写一个扩展吗? 最佳答案 使用我的评论作为答案:Chrome在版本4.0.245.0中实现了“Kiosk模式”。本质上,这是一种在禁用地址栏和状态栏的情况下以全屏模式启动浏览器的方法。一些

  9. javascript - 隐藏 react-google-maps 上的默认全屏按钮 - 2

    我对react-google-maps有疑问。我为全屏切换创建了自己的按钮我试过但找不到摆脱默认按钮的方法。我试图将其添加到我的代码中,但没有成功。console.log()}defaultZoom={12}defaultCenter={{lat:this.state.lat,lng:this.state.lng}}fullscreenControl={false}>我们将不胜感激。干杯! 最佳答案 只是将其包含在默认选项中constdefaultMapOptions={fullscreenControl:false,};const

  10. javascript - HTML5 video.play 返回未决 promise - 2

    我正在尝试确定浏览器是否支持加载时自动播放。我正在使用以下代码,它在Androidchrome上运行良好,但对于桌面版Chrome,.catch或.then中的任何行都不会执行。promise似乎只是无限地返回Pendingpromises。这是一个真正的Chrome错误还是我不理解Promises在这里是如何工作的?constpromise=document.createElement('video').play();if(promiseinstanceofPromise){ promise.catch((error)=>{ //Checkifitistherighterror

随机推荐