Dart onYouTubeIframeAPIReady [英] Dart onYouTubeIframeAPIReady
本文介绍了Dart onYouTubeIframeAPIReady的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何从此示例中创建onYouTubeIframeAPIReady上的函数
https：// developers.google.com/youtube/iframe_api_reference#Getting_Started 在Dart中？
当页面完成下载播放器API的JavaScript时，API会调用此函数。
How can i create function onYouTubeIframeAPIReady from this example
https://developers.google.com/youtube/iframe_api_reference#Getting_Started in Dart?
The API will call this function when the page has finished downloading the JavaScript for the player API.
推荐答案
谢谢，Günter！
它在Chrome中正常工作。
Thank you, Günter! It's working in in Chrome.
<!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>
ytube_iframe.dart
ytube_iframe.dart
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]);
}
这篇关于Dart onYouTubeIframeAPIReady的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
