web - 在 flutter web 中播放视频

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

那你可以关注video player cookbook或使用 chewie plugin获得漂亮的用户界面。