needfx

Oooh… I found the issue! I was editing the wrong CSS property!

Instead of changing only .plyr__poster, I updated several CSS properties.

.plyr__controls {
    background: transparent !important;
 }
.plyr__video-wrapper {
    background: transparent !important; 
}

.plyr--video {
    background: transparent !important;
}

Thank you for your time and your plugin ??

• This reply was modified 3 years, 7 months ago by needfx.
• This reply was modified 3 years, 7 months ago by needfx.

Hi @naa986 !

I’m using Easy Video Player v1.2.1.

Here’s the link: https://www.needfx.net/tgv-italia-esperienza/

As you can see, I’ve added two videos. The first one is included with EVP and the second one is included with the default video player. They are both using the same video link.

The first video has a black background instead of being background, and despite me setting the background-color property as ‘transparent’.

• This reply was modified 3 years, 7 months ago by needfx.
• This reply was modified 3 years, 7 months ago by needfx.

Allright, I’ve finally found out what was the issue: the image I was trying to load as a logo was called with https instead of http. I guess it’s time for me to get a SSL/TSL certificate.

Again, thank you for your help!

I’ve cleared my Chrome cache, tried incognito mode, tried with different browsers (ff and edge), the logo is sadly still not showing up for me. Out of curiosity, which browser are you using?

Oops… One thing I just noticed: the logo is not showing up anymore on mobile device!

Fantastic! It’s working!

Thank you for your help, I really appreciate it!

Hi @anlino

I just tried your code, and unfortunately, it doesn’t seem to work ??

The black logo version still shows up and there’s no sign of the white one.

• This reply was modified 3 years, 8 months ago by needfx.

Hi @anlino !

Here’s the page where I made a few tests: https://www.needfx.net/tresor-chocovore/

And here’s the current additional CSS that I added:

.postid-170 .site-header .custom-logo{
		visibility: hidden;
}

.postid-170 .custom-logo img{
	background: url(https://www.needfx.net/wp-content/uploads/2021/07/needfx_white.png) no-repeat;
	background-size:15%;
	display: block;
	visibility: visible;
	/*width: 100%;*/
}

I must say that I don’t really know what I’m doing… It’s been a long time I haven’t touched to CSS. But so far: I’ve managed to make the white logo version visible (and I seem unable to set its size properly…), but it seems an other black one seems to appear, while the original black logo is properly hidden. And on mobile, it doesn’t seem to work at all.

EDIT: The page was made available for only a few IP adresses. If you couldn’t see the page earlier, you should now!

• This reply was modified 3 years, 8 months ago by needfx.
• This reply was modified 3 years, 8 months ago by needfx.