Html Dart Onyoutubei框架APIready_Html_Youtube_Dart_Dart Js Interop

Html Dart Onyoutubei框架APIready

html youtube dart

Html Dart Onyoutubei框架APIready,html,youtube,dart,dart-js-interop,Html,Youtube,Dart,Dart Js Interop,如何在此示例中创建onyoutubeiframeapiredy函数用飞镖？当页面下载完播放器API的JavaScript后，API将调用此函数。谢谢你，甘特！它在铬上工作 <!DOCTYPE html> <html> <body> <div id="player"></div> <script type="application/dart" src="ytube_iframe.dart"></scr

如何在此示例中创建onyoutubeiframeapiredy函数
用飞镖？当页面下载完播放器API的JavaScript后，API将调用此函数。

谢谢你，甘特！它在铬上工作

<!DOCTYPE html>
<html>
<body>   
  <div id="player"></div>
  <script type="application/dart" src="ytube_iframe.dart"></script>
  <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' -->
  <script src="packages/browser/dart.js"></script> 
    <script src="packages/browser/interop.js"></script>
</body>
</html>

你在找这样的东西吗？

import 'dart:html';
import 'dart:js' as js;
void main() {
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  js.context['onYouTubeIframeAPIReady'] = onYouTubeIframeAPIReady;
  //js.context['onPlayerReady'] = onPlayerReady;
  //js.context['onPlayerStateChange'] = onPlayerStateChange;
}

var player; 
void onYouTubeIframeAPIReady() {
  var params = {
                'height': '390',
                'width': '640',
                'videoId': 'M7lc1UVf-VE',
                /*'events': {
                  'onReady': onPlayerReady,
                  'onStateChange': onPlayerStateChange
                }*/
              };
  var jsParams = new js.JsObject.jsify(params);
  player  = new js.JsObject(js.context['YT']['Player'], ['player',jsParams]);
}