CODEWITHSUNDEEP
htmlyoutube-api
user1580348
user1580348

Reputation: 6051

Youtube FullScreen mode does not work for this HTML code

This HTML code displays an example Youtube video:

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

However, when clicking the FullScreen icon on the bottom right-most side of the video in any browser then the video is NOT displayed in full-screen mode. The FullScreen icon simply becomes grayed-out.

So what do I have to change in this HTML code to make the full-screen mode work?

EDIT: This IS the HTML code of the page. Please try to save this HTML code to a file (e.g. "test.HTML" and then open this file in a browser:

<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: Please notice that I need to have this work LOCALLY (not from a web server) at least in IE.

Upvotes: 1

Views: 2588

Answers (3)

Gerardo Rib&#233;
Gerardo Rib&#233;

Reputation: 1

try css style in iframe html5 iframe need to be in line css
ex.

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

Upvotes: 0

mcw
mcw

Reputation: 545

Instead of:

fullscreen="yes"

Try 

allowfullscreen

Upvotes: 1

Rik
Rik

Reputation: 308

This works:

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

Upvotes: 1

Related Questions