Flutter 如何在Flatter web中实现视频播放？

我正在尝试在我的Flitter web应用程序上播放firebase上托管的视频。 我不知道这怎么可能

对于Flatter native，使用了

视频播放器

插件，但该插件仅适用于ios和android

有人能告诉我是否可以将视频集成到Flitter web应用程序中吗

我已经尝试使用dart:html包来实现这一点。包中的videoElement类看起来很相关。但我无法将元素呈现为小部件

    prefix1.VideoElement element = prefix1.VideoElement();
        element.height = 200;
        element.width = 200;
    )

我想在我的颤振网页上添加一个视频播放选项。

我详细介绍了一个使用余辉视频播放器的解决方案

你可以用你选择的任何HTML/JS视频播放器来代替它，方法也是一样的

基本上，您需要更改index.html模板文件，并使用dart:html或universal_html包与DOM交互，以播放所需的视频文件

index.html将类似于：

网络视频播放器

您需要一种播放视频的方法，如下所示：

导入“包：flift/foundation.dart”；
将“package:universal_html/html.dart”导入为html；
void播放视频（字符串）{
如果（kIsWeb）{
final v=html.window.document.getElementById（'videoPlayer'）；
如果（v！=null）{
v、 setInnerHtml(
'',
验证器：html.NodeValidatorBuilder（）
…allowElement（'source'，属性：['src'，'type']）；
final a=html.window.document.getElementById（'triggerVideoPlayer'）；
如果（a！=null）{
a、 dispatchEvent（html.MouseEvent（'click'））；
}
}
}否则{
//我们不在网络平台上
//并且应该使用视频播放器包
}
}

您将像这样播放视频：

playVideo（
playVideo”）http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_30fps_normal.mp4');

2019年12月10日之前，这种方法是在Flitter web应用程序中播放视频的唯一方法之一。在web上支持几个包，包括包。上面提供的选项仍然有效，并且可能在您的用例中更好地为您服务。
颤振插件现在通过使用该插件支持web

以下是一段引用自：

要在Flitter Web应用程序中使用此插件，只需将其添加为
使用
git
依赖项在pubspec中创建依赖项。这只是
暂时的：我们希望在未来使该方案成为“认可的”
实现
视频\u播放器
，以便自动包含它
当您依赖于
软件包：视频\u播放器时，在您的Flitter Web应用程序中

dependencies:
  video_player: ^0.10.4
  video_player_web:
    git:
      url: git://github.com/flutter/plugins.git
      path: packages/video_player/video_player_web

一旦在pubspec中有了
video\u player\u web
依赖项，您就可以
应能正常使用
package:video\u player

视频播放覆盖在整个Flitter应用程序上。如何在小部件内播放？使用此软件包：但它仍然不支持在iphone上的safari中播放视频