color i frame youtube video

Hi Movin,

Question, I’m looking for a way how to change the color of the iframe from a YouTube video. A YouTube video embedded with a iframe normally has a black background color I would like to change that in to a color of my choice. I have search they internet for a week now bud did not find a solution how to do this. Can you give me a direction where to look or how to change the iframe background color. I don’t even know if it is possible.

Why would I wanted this, when you look @ the website you know see that I changed the color of the background so the iframe color of the YouTube video will blend in to it. When I change the background to #212121 the iframe will come on top of the background color and that is why I would like to change the color of the YouTube Iframe.




I hope you are well today and thank you for your question.

This is not the question specific to Travelify theme so you should ask such questions not related to any theme on our other forum here

To change the color of the iframe from a YouTube video, you can try using the following solutions

Please note that Google YouTube themes have been deprecated:

This parameter indicates whether the embedded player will display player controls (like a play button or volume control) within a dark or light control bar. This parameter has been deprecated for HTML5 players, which always use the dark theme.

For HTML5 players the following CSS worked for me.

body .html5-video-player {
  background-color: #fff;

You can use the above CSS code by adding it in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

Best Regards,

Mr. Movin sorry for this late reply bud i moved to a other country so lots of things to do. I will try this solution and let you know if it works thanks again



You are most welcome here :slight_smile: