Full-size YouTube video, all aspect ratios, CSS only TL:DR – working fiddle As an update/improvement to @Hinrich’s answer, I have created a CSS-only scaler that works for ALL aspect ratios – even the extremes. Rather than over-compensating the width to fit most screen sizes, the iframe is set using vw and vh and offset using … Read more
You can add ?modestbranding=1 to your url. That will remove the logo. modestbranding (supported players: AS3, HTML5) This parameter lets you use a YouTube player that does not show a YouTube logo. Set the parameter value to 1 to prevent the YouTube logo from displaying in the control bar. Note that a small YouTube text … Read more
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>
I believe this is an issue with the target origin being https. I suspect it is because your iFrame url is using http instead of https. Try changing the url of the file you are trying to embed to be https. For instance: ‘//www.youtube.com/embed/’ + id + ‘?showinfo=0&enablejsapi=1&origin=http://localhost:9000’; to be: ‘https://www.youtube.com/embed/’ + id + ‘?showinfo=0&enablejsapi=1&origin=http://localhost:9000’;