Javascript 简单无铬Youtube嵌入-如何？

问题：

请，有人能准确、清晰地解释一下，我如何在我的页面中嵌入一个简单的无铬Youtube播放器，并动态控制该播放器的来源吗？

问题解释： 我正在使用一个页面，在那里我需要嵌入一个根本没有控件的youtube视频。经过一些研究，我发现无铬视频播放器正是如此。但我的问题是：

我在一个无铬播放器上几乎没有找到任何教程内容，而且我对Javascript相对较新，我在理解提供的文档时遇到了困难，无法将其应用于我的问题

我需要根据用户交互更改此视频的来源。最初，我对youtube javascript API还不太熟悉，只是通过静态iframe嵌入了视频，并通过JQuery with.attr（“src”，nameofsource）更改了iframe的源代码，没有用javascript加载嵌入，只是更改了源代码

这很管用，我可以通过youtube接受的嵌入url的参数隐藏大部分控件，但是绝对没有办法用这种方法使视频静音，而且代码非常难看，我对此不满意

所以我开始通过API嵌入视频并更改源代码，效果很好，视频静音，并且很好地更改了源代码，但现在我面临着控件显示的问题

根据我在一个Chrome播放器上看到的文档，我没有看到仅仅是向javascript YT API添加一个参数，而是完全不同的东西

问题重述：

那么，有人能准确、清晰地解释一下，我如何在我的页面中嵌入一个简单的无铬Youtube播放器，并动态控制该播放器的来源吗？

我在互联网上找不到任何文档能够提供令人满意的、全面的（对新的javascript开发人员友好的）解释如何做到这一点。作为一名新开发人员，我已经查阅了文档，但我还没有足够的经验来有效地“使用手册”

我在StackOverflow上发现了一些关于无铬播放器的问题，但没有一个问题有一点令人满意的答案

已知文档：

答案不充分的已知相关问题：

[23K视图，回答不充分]：

[1.4K视图，回答不充分]： 在HTML中，您需要：

<script src="https://www.youtube.com/iframe_api"></script>
<div id="player"></div>

---

加载完成后，YouTube的API将调用

onyoutubeiframeapiredy

函数。其他参数和其他示例可以在文档中找到：

Youtube不会让您摆脱一切，但您可以尝试-这允许您控制控件的显示，并在需要时隐藏它们。

您所说的“无铬”到底是什么意思？完全没有按钮？是的，没错。没有直接控制视频@佩卡웃另外，大多数现成的播放器产品都应该支持关闭控件：啊，等等，你想要Youtube，OneSecVideoJS似乎可以嵌入Youtube：也许你可以使用它，不确定，好吧，这就足够解决我的问题了，但这将产生“适度的品牌效应”我认为适度的品牌化和无控制与实际的无铬Youtube播放器之间有区别，所以我将不回答这个问题，直到有人提供如何嵌入无铬Youtube播放器的指导。因为我们看到了关于这个主题的其他未回答的问题，而且youtube确实提供了一些关于它的文档，所以我认为这是一个有效的问题。@jt0dd您在这里看到的是最接近您所能做的。YouTube不会让你删除所有内容的，真的吗？这似乎是真的。但是，虽然我们有这个问题，并且格式正确，我们可能会得到一个关于如何使用无铬播放器的答案，因为这是非常不同的，谁知道，我的下一个项目可能需要一个带有自定义控件的播放器，这只能通过无铬播放器来实现。虽然这在理论上可以回答这个问题，在这里包括答案的基本部分，并提供链接供参考。

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        videoId: 'OJpQgSZ49tk',
        playerVars: {
            controls: 0,
            autoplay: 1,
            disablekb: 1,
            enablejsapi: 1,
            iv_load_policy: 3,
            modestbranding: 1,
            showinfo: 0
        }
    });
}