嵌入具有自动播放和全屏功能的YouTube视频

时间:2018-10-02 01:35:42

标签: html iframe youtube embed

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

2 个答案:

答案 0 :(得分:0)

我只是在寻找相同问题的答案时发现了您的问题。多亏了您的代码,我才对我有用。 也许尝试allow="fullscreen; autoplay"并分别尝试allowfullscreen 为了使其在Chrome中正常运行,还添加mutedhttps://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>

答案 1 :(得分:0)

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

上面的代码对我有用。

Youtube视频对我有用:https://www.youtube.com/watch?v=RP5G2OaLpB4