Note that there are some explanatory texts on larger screens.

plurals
  1. POYouTube iFrame API - Full Screen button doesn't work in IE - Just goes gray (disables) after clicking
    text
    copied!<p>I'm using YouTube's iFrame API to embed videos in a page. Everything works great across all browsers except... IE. In IE, the button to view the video full screen doesn't work. You click it and it just goes gray.</p> <p>It's most likely something simple (isn't it always?), but I just can't find the issue, nor can I find any reference to this particular issue either.</p> <p>I hesitate in giving out example URLs 'cause some of the issues I've fixed already won't be pushed to production until I can resolve this issue, but the primary issue is indeed there... so, an example of what I'm experiencing can be found at:</p> <p><a href="http://www.lauramercier.com/store/content/artistDetails.jsp?yt&amp;itemId=1300008" rel="noreferrer">http://www.lauramercier.com/store/content/artistDetails.jsp?yt&amp;itemId=1300008</a></p> <p>Another example is at (may need to refresh a couple times - an issue I've already fixed locally): </p> <p><a href="http://www.lauramercier.com/store/content/artistDetails.jsp?yt&amp;itemId=5500264" rel="noreferrer">http://www.lauramercier.com/store/content/artistDetails.jsp?yt&amp;itemId=5500264</a></p> <p>Example iFrame code for the 2nd example is:</p> <pre><code>&lt;iframe name="youtubePlayer" width="225" height="135" class="youtube-player" id="youtubePlayer1" src="http://www.youtube.com/v/a5uiSVSQB3U&amp;fs=1&amp;playerapiid=youtubePlayer1&amp;version=3&amp;wmode=transparent&amp;origin=http://lauramercier.com&amp;modestbranding=1" frameBorder="0" style="padding-top: 5px; position: relative; z-index: 1;" type="text/html"&gt;&lt;/iframe&gt; </code></pre> <p>Oh, and although the 'var tag' and 'tag.src' stuff is commented out, I have tried it that way too, and it didn't seem to matter if I just typed out the entire string:</p> <pre><code>&lt;script type="text/javascript" src="http://www.youtube.com/player_api"&gt;&lt;/script&gt; </code></pre> <p>Another Oh... I also tried the 'swfobject.embedSWF' way (after I over-wrote our older swfobject.js with the one from Google code), but the button did the same exact thing. </p> <p>Maybe something is conflicting?</p> <p>Any help would be greatly appreciated!!!</p> <p>Thanks!</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload