Youtuube embed video background color

nenad.petrovic2
10 Posts
nenad.petrovic2 posted this 16 February 2021
Ask a Question

Hello,

I have a problem: i want to change the black bg color in the embeded video. I have been trying to do it throuugh css buut no luck. I can target it through the inspector but as soon as i reload the page it is black again. Please help me!

Kind regards
Nenad

Hello, I have a problem: i want to change the black bg color in the embeded video. I have been trying to do it throuugh css buut no luck. I can target it through the inspector but as soon as i reload the page it is black again. Please help me! Kind regards Nenad
Vote to pay developers attention to this features or issue.
5 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 16 February 2021

Hi Nenad,

Please provide the screenshot where you are trying to change the background color and attach your project to this ticket as exported in *zip format.

Feel free to ask for additional help you may require.
...................................................
Sincerely,
Ahmad M.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1.
Follow us on Facebook: http://facebook.com/nicepageapp.

Hi Nenad, Please provide the screenshot where you are trying to change the background color and attach your project to this ticket as exported in *zip format. Feel free to ask for additional help you may require. ................................................... Sincerely, Ahmad M. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1. Follow us on Facebook: http://facebook.com/nicepageapp.
nenad.petrovic2
10 Posts
nenad.petrovic2 posted this 17 February 2021

Hello

Here is a demo of the web: http://projectn.hr/pcharter/ - basicly I want to make the background of the frame of the video to be white and not black, i.e. for the resizing of the window not to show the black bars - either on the sides or on top and bottom.

I can target it in the inspector and set the white background (or transparent - for me it is the same) but as soon as i reload the page it loads black.....

Hello Here is a demo of the web: http://projectn.hr/pcharter/ - basicly I want to make the background of the frame of the video to be white and not black, i.e. for the resizing of the window not to show the black bars - either on the sides or on top and bottom. I can target it in the inspector and set the white background (or transparent - for me it is the same) but as soon as i reload the page it loads black.....
Support Team
Support Team posted this 17 February 2021

Nenad,

The media player added it to equalize the difference in aspect ratios between monitor and videoю

If you convert your video, you can fix that.

Your video is on a 4 : 3 aspect ratio.

The lack of height in this video was compensated for by stripes at the top and bottom. You can correct the video using any video editor, save it in 16: 9 format, and cut off the top and bottom stripes.

...................................................
Sincerely,
Ahmad M.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1.
Follow us on Facebook: http://facebook.com/nicepageapp.

Nenad, The media player added it to equalize the difference in aspect ratios between monitor and videoю If you convert your video, you can fix that. Your video is on a 4 : 3 aspect ratio. The lack of height in this video was compensated for by stripes at the top and bottom. You can correct the video using any video editor, save it in 16: 9 format, and cut off the top and bottom stripes. ................................................... Sincerely, Ahmad M. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1. Follow us on Facebook: http://facebook.com/nicepageapp.

Last edited 17 February 2021 by Support Team

nenad.petrovic2
10 Posts
nenad.petrovic2 posted this 17 February 2021

Yes i know that. The Video is in 16:9 format. The problem is that the customer wants it to be full width and not cut anywhere, also that the "black stripes" are not seen.

Firstly i tried makeing the block height variable (auto) so that it always adjust the height by the screen width of the device that is being loaded on. If I make it set aspect ratio again, on some devices there are the "black strips", that's why i want to make the background of the frame of the video white or transparent OR the block height auto, but both solutions just won't work with nicepage....

Yes i know that. The Video is in 16:9 format. The problem is that the customer wants it to be full width and not cut anywhere, also that the "black stripes" are not seen. Firstly i tried makeing the block height variable (auto) so that it always adjust the height by the screen width of the device that is being loaded on. If I make it set aspect ratio again, on some devices there are the "black strips", that's why i want to make the background of the frame of the video white or transparent OR the block height auto, but both solutions just won't work with nicepage....
Support Team
Support Team posted this 18 February 2021

Hi,

The video is loaded in iframe. The content inside iframe is loaded from an external resource. Therefore Nicepage cannot control anything inside the iframe (the video, player, or the "black strips" you're referring to)

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, The video is loaded in iframe. The content inside iframe is loaded from an external resource. Therefore Nicepage cannot control anything inside the iframe (the video, player, or the "black strips" you're referring to) ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments