在 Meteor 中加载 youtube 播放器 API

Loading the youtube player API in Meteor

本文关键字:播放器 API youtube 加载 Meteor      更新时间:2023-09-26

我了解如何在文档中正常加载 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);

不过,我将如何在流星应用程序中执行此操作?我不能只在模板中放置一个<script>标签,我不知道我是否可以在其中一个模板帮助程序中访问document

用户首次连接后,有没有办法全局加载它?

有几个

软件包可用于使用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();
}