Question

此HTML代码显示示例Youtube视频：

<HEAD>
</HEAD>
<BODY leftMargin=0 scroll=no topMargin=0>
  <EMBED height="510" width="854" src=http://www.youtube.com/v/9Ky11fJxWBA?version=3&amp;enablejsapi=1 fullscreen="yes">
</BODY>

但是，在任何浏览器中单击视频最右侧的FullScreen图标时，视频不会以全屏模式显示。 FullScreen图标变为灰色。

那么我需要在此HTML代码中进行哪些更改才能使全屏模式正常工作？

编辑： IS 页面的HTML代码。请尝试将此HTML代码保存到文件中（例如“test.HTML”，然后在浏览器中打开此文件：

<HTML>
  <HEAD>
  </HEAD>
  <BODY leftMargin=0 scroll=no topMargin=0>
    <EMBED height="510" width="854" src=http://www.youtube.com/v/9Ky11fJxWBA?version=3&amp;enablejsapi=1 fullscreen="yes">
  </BODY>
</HTML>

EDIT2：请注意，我需要至少在IE中进行本地工作（不是来自网络服务器）。

Answer 1

这有效：

<iframe width="560" height="315" src="//www.youtube.com/embed/9Ky11fJxWBA?rel=0" frameborder="0" allowfullscreen></iframe>

Answer 2

而不是：

fullscreen="yes"

尝试

allowfullscreen

Answer 3

在iframe中尝试css样式html5 iframe需要在行css中离。

style="allowfullscreen:yes; border:none; overflow:hidden;"

Youtube FullScreen模式不适用于此HTML代码

3 个答案: