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

Question

我在页面上嵌入了 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>

Answer 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>

Answer 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

Answer 3

<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>