"Product video plugin" (#3927231) / WPClever Support Forum

Comments

3
Hakan started the conversation
1 week ago on April 9, 2025 at 12:25pm
Hi there,
I am looking fast and simple video plugin for woocommerce.
https://wordpress.org/plugins/wpc-product-videos/#description

I saw your free plugin and very happy that you have plugin which can work for me. Because I love your coding skills and support.

But as far as I see, video is not clear for end users.
I mean they can't understand if there is a video in there or not.

Can you make it a bit better?
Like if you can do pro version with few better options. (not too much :) )
I am OK to pay for it.

Like amazon.
Play button on thumbnail and show video directly.
Maybe that can slow the page, thus we can add covering image. Yet, play button should be much bigger I guess.
https://prnt.sc/wcIVKKfRgjag

https://www.amazon.com/Gtheos-Bluetooth-Headphones-Detachable-Microphone/dp/B0B4B2HW2N/

1,408

Dustin replied

Hi Hakan,

You can use CSS code to make it look better:

.wpcpv-item.wpcpv-item-video {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
}

.wpcpv-item.wpcpv-item-video:before {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    border: 4px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    font-size: 20px;
    font-weight: 700;
}

.wpcpv-thumb-video .wpcpv-item.wpcpv-item-video {
    pointer-events: none;
}

.wpcpv-thumb-video .wpcpv-item.wpcpv-item-video:before {
    width: 100%;
    height: 100%;
    line-height: 52px;
    border-radius: 0;
    border: none;
}

And the result:

Best regards,
Dustin