嵌入启用了自动播放和全屏功能的 YouTube 视频答案

【问题标题】：Embedding a YouTube video with autoplay AND full screen capability enabled嵌入启用了自动播放和全屏功能的 YouTube 视频
【发布时间】：2019-03-07 03:26:52
【问题描述】：

我在页面上嵌入了一个 YouTube 视频，并且客户希望该视频自动播放，此外用户还可以全屏查看视频。似乎是或者 - 当自动播放工作时，视频底部的全屏功能未启用。删除自动播放代码后，全屏功能处于活动状态。

<p style="text-align: center;">
  <iframe src="//youtube.com/embed/4liKzXo2lRM?rel=0&autoplay=1";; modestbranding=1&amp;controls=0&amp;showinfo=1" width="700" height="394" frameborder="0" allow="autoplay; allowfullscreen="allowfullscreen">
    <span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>
  </iframe>
</p>

【问题讨论】：

您好，欢迎来到 StackOverflow！为了获得更好的答案，并且您的答案以后不会被删除，您必须阅读并遵循一些基本规则和约定，以帮助每个人更好地沟通和提供帮助。请转至stackoverflow.com/help 并阅读主题“我可以在这里问哪些主题？”和“我应该避免问哪些类型的问题？”。它必须包含您迄今为止为解决问题所做的工作的总结。
谢谢乔纳森。我是 Stack Overflow 的新手，所以不确定我要提供的细节。客户希望视频自动播放并让用户能够使其全屏显示。这是代码：
youtube.com/embed/4liKzXo2lRM?rel=0&autoplay=1";谦虚品牌=1&controls=0&showinfo=1" width="700" height="394" frameborder="0" allow="autoplay; allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>
阅读它，你会看到，它会要求你提供language type，一个简短的例子<embeded-like-a-champion></embeded-like-a-champion>。看看有没有你可能会错过的东西，等等。你会看到真的很有趣。
看那里，现在我知道你使用纯 html 和 iframe，这为我提供了非常好的信息。现在最好将它包含在您的问题中，让我为您编辑它，我将向您展示如何创建一个 sn-p
感谢乔纳森的帮助。我是新手。

标签： html iframe youtube embed

【解决方案1】：

我刚刚在寻找相同问题的答案时发现了您的问题。多亏了你的代码，我才得到它对我有用。也许尝试allow="fullscreen; autoplay" 和单独allowfullscreen 为了使其在 Chrome 中工作，还添加 muted (https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)

这对我有用。

<p style="text-align: center;">
  <iframe src="//youtube.com/embed/4liKzXo2lRM?rel=0&autoplay=1";; modestbranding=1&amp;controls=0&amp;showinfo=1" width="700" height="394" frameborder="0" allow="autoplay; fullscreen" allowfullscreen muted>
    <span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>
  </iframe>
</p>

【讨论】：

【解决方案2】：

<iframe src="https://youtube.com/embed/4liKzXo2lRM?rel=0&autoplay=1" allow="autoplay; allowfullscreen" allowfullscreen></iframe>

上面的代码对我有用。

它为我工作的 Youtube 视频：https://www.youtube.com/watch?v=RP5G2OaLpB4

【讨论】：