javascript - 在 Meteor 中加载 YouTube 播放器 API

Question

我了解如何在文档中正常加载 Youtube IFrame 播放器 API:

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

我该如何在 meteor 应用程序中执行此操作？我不能只输入 <script>模板内的标记，我不知道是否可以访问 document在模板助手之一中。

一旦用户第一次连接，是否有某种方法可以全局加载它？

Answer 1

有几个包可用于使用 youtube iframe api

使用包 adrianliaw:youtube-iframe-api 我们可以像下面这样做

if (Meteor.isClient) {
    onYouTubeIframeAPIReady = function () {
        player = new YT.Player("player", {
            height: "400", 
            width: "600", 

            videoId: "LdH1hSWGFGU", 
            events: {
                onReady: function (event) {
                    event.target.playVideo();
                }
            }
        });
    };
    YT.load();
}