воспроизводить видео в трепетной сети

Question

Я пытаюсь создать веб-приложение, используя недавно запущенный flutter_web, но сталкиваюсь с проблемами при воспроизведении видео внутри моего приложения.Может ли кто-нибудь подсказать мне, как воспроизводить видео в flutter_web.

1. Я пытался создать веб-плагин для веб-сайта флаттера, но как официальные документы flutter_web мы не можем создать плагин для Интернета.
2. Я пытался добавить тег видео и iframe в index.html, но безуспешно.
3. Я пытался использовать VideoElement, предоставленный dart: html, но не уверен, как его использовать.

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

Я боролся с той же проблемой, пока не запустил пример html_platform_view из веб-репозитория флаттера. Попробуйте это:

void main() {
  ui.platformViewRegistry.registerViewFactory(
    'hello-world-html', 
    (int viewId) => IFrameElement()..src = 'https://www.youtube.com/embed/tgbNymZ7vqY'
  );

  runApp(Directionality(
    textDirection: TextDirection.ltr,
    child: HtmlView(viewType: 'hello-world-html'),
  ));
}