在颤振网络中播放视频

Question

我正在尝试使用最近启动的 flutter_web 创建一个网络应用程序，但在我的应用程序中播放视频时遇到了问题。有人可以指导我如何在 flutter_web 中播放视频吗？

1. 我试图为 flutter web 创建一个 web 插件，但作为 flutter_web 的官方文档，我们无法为 web 创建插件。
2. 我试图在 index.html 中添加视频和 iframe 标签，但没有成功。
3. 我尝试使用 dart:html 提供的 VideoElement，但不确定如何使用它。

prefix1.VideoElement element = prefix1.VideoElement();
    element.height = 200;
    element.width = 200;
    element.appendHtml("""<video width="400" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>
    """);
    element.querySelector('#video');
    element.play();

Answer 1

您现在可以将官方 video_player_web 插件添加到您的pubspec.yaml：

video_player: ^0.10.4+1
video_player_web: ^0.1.0

然后，您可以按照视频播放器食谱或使用Chewie 插件来获得漂亮的 UI。