youtube-iframe-api

Currently, we have a YouTube iFrame API setup with the following (pretty boilerplate) code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://www.youtube.com/iframe_api"></script> <script> var player; YT.ready(function() { player = new YT.Player('player', { videoId: 'iyBaInK2TsI', width: 200, height: 200, events: { onReady: "onReady", onStateChange: "onStateChange", onPlaybackQualityChange: "onPlaybackQualityChange", onError: "onPlayerError" }, playerVars: { fs: 0, // hide fullscreen button by default playsinline: 1, // make the

I have been using the YouTube IFrame Player API without problem for months and started to see this exception recently when the player loads: Uncaught ReferenceError: ytcfg is not defined Inspecting the iframe, I see a successful call to yt.setConfig , but ytcfg.set fails later. Was the API changed recently? Any player parameter could cause this problem? <script src="//s.ytimg.com/yts/jsbin/www-embed-player-vflnzmqns/www-embed-player.js" type="text/javascript" name="www-embed-player/www-embed-player"></script> <script src="//s.ytimg.com/yts/jsbin/player-en_US-vflr--npw/base.js" name="player

How do you force HTML5 iframe YouTube video to center fit, cover the full-screen window background using CSS3 HTML eventually Java? As for example " paypal.it " home page background or " unity3d.com/5 " top video, has as iframe youtube video. The iframe cover full screen (zooming) and cover all the width and height when re-size the window. It re-size maintaining the 100% min width zooming the height or the 100% min height zooming the width. How is this effect achieve using iframe HTML5 and CSS3? Code Example HTML5 <div class="video" style="opacity: 1;"> <iframe src="http://www.youtube.com

I'm trying to embed a video with the sound muted but I can not figure out how it make it work. Currently I'm using this but doesn't work: <iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe> Any of you knows how can I make this work ? Updated Add &mute=1 to the end of your url. Your new code would be: <iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1&mute=1" width="560" height="315" frameborder="0" allowfullscreen></iframe> Old Answer You're going to have to add Javascript to mute the

This is the error message that I get: Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:9000'). I've seen other similar problems where the target origin is http://www.youtube.com and the recipient origin is https://www.youtube.com , but none like mine where the target is https://www.youtube.com and the origin is http://localhost:9000 . I don't get the problem. What is the problem? How can I fix it? I believe this is an issue with the target origin being https . I suspect it is