Thumbnail video bleeds into adjacent column

Does anyone answer these questions??

Since I haven’t gotten any response, I tried something different. I took a screen shot of the video thumbnail and tried using that as the anchor, instead of using the auto_thumbnail. This solved the problem of the thumbnail bleeding into the adjacent column, but now the video does not play – the screen darkens, a white square pops up with a rotating circle inside (like it’s loading) but nothing happens. I have this same video on another page in this site as a direct embed from YouTube and the video works fine. I triple checked and made sure that the video ID is correct. Here is what I have in the text widget side bar:

[video_lightbox_youtube video_id=”rbEyNqiyLnQ” width=”640″ height=”480″ anchor=”https://70.39.148.206/~theitali/2014 Images/IGPvideoThumbnail.jpg”
alt=”YouTube” width=”100%”]

I hope someone will take the time to try and help me today.

[Moderator Note: No bumping. If it’s that urgent, please consider hiring someone instead.]

Hi JustDuckyDesigns try reverting back to the working code above and share the URL again so that we can check.

I reverted back. Thanks for looking at this for me.

Hi I had a look at the URL above in Firefox and it looks correct. I have zoomed in and out to see what would happen. I do see a cosmetic problem when zooming in a lot. But that could also be a theme design issue.

Regards

The issue is that the thumbnail is not responsive, it is set to a fixed width – but I cannot find anywhere to change it. When I used the other code, the thumbnail would shrink along with the rest of the page because I had it set at a width of 100% – but when I do that, the video will not play:

[video_lightbox_youtube video_id=”rbEyNqiyLnQ” width=”640″ height=”480″ anchor=”https://70.39.148.206/~theitali/2014 Images/IGPvideoThumbnail.jpg”
alt=”YouTube” width=”100%”]

Can anyone help with this issue?

There is something you can do that might fix your problem. Try the following css code.

.wpvl_auto_thumb_box {
    height: 150px;
    position: relative;
    width: 200px; <<==== Change this to 100%
}

See if the above works better.

Regards

Where would I find that? I looked in style.css and it is not there.

Found it! It worked. It was in the /wp-content /wp-video-lightbox the file is wp-video-lightbox.css

Thanks a million!!

You are most welcome ?? I am glad I could help. If your issue is resolved could you mark this support thread as resolved.

Thank you

Resolved!!