嵌入的 YouTube 视频在全屏模式下不起作用

Question

我的网页使用了嵌入标签。它可以工作，但全屏模式不起作用。

<embed class="embed-responsive-item" src="https://www.youtube.com/embed/EngW7tLk6R8" allowfullscreen="true">

Answer 1

它被阻止的原因是它在嵌入标签中，请尝试使用<iframe>：

<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/EngW7tLk6R8" allowfullscreen="true"></iframe>

<embed> 标签不支持全屏模式，如下所示：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed

Attributes
This element's attributes include the global attributes.

height
The displayed height of the resource, in CSS pixels. This must be an absolute value; percentages are not allowed.
src
The URL of the resource being embedded.
type
The MIME type to use to select the plug-in to instantiate.
width
The displayed width of the resource, in CSS pixels. This must be an absolute value; percentages are not allowed.

这不包括allowfullscreen 属性，而<iframe> 包括。