gpt4 book ai didi

html - Dart在YouTubeIframeAPIReady上

转载 作者:行者123 更新时间:2023-12-03 03:47:00 26 4
gpt4 key购买 nike

如何通过此示例在YouTubeIframeAPIReady上创建函数
Dart中的https://developers.google.com/youtube/iframe_api_reference#Getting_Started
页面完成下载播放器API的JavaScript后,API将调用此函数。

最佳答案

谢谢你,根特!
它正在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
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]);
}

关于html - Dart在YouTubeIframeAPIReady上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22429185/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com