Video embed not responsive

[Cindy]

Cindy

July 22, 2019 at 1:21 pm

I am trying to add a video that will be fully responsive with Virtue Premium and Page Builder.

I have tried to add a video using other plugins, html code, and just the video url, and it fully responsive – the video does not stay contained in the Page Builder container and is cut off on cell phones. An example of this is *Login to see link This is using the following code:<p style=”text-align: center;”> <iframe src=”*Login to see link width=”900″ height=”506″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></p>. I would like to start with 900×506 size but be responsive and restricted to the container.

On a separate attempt, I tried using the video widget that comes with the Virtue Premium bundle. This is fully responsive, however the thumbnail uploaded to YouTube has a very poor resolution on the website and the “Share” and “Watch Later” icons at the top of the video do not work properly. I’m okay with suppressing the top line on the video display, but need the thumbnail uploaded to YouTube to come across with a higher resolution. Here is the link to the video: *Login to see link The image I uploaded to youtube for the thumbnail is 12809×720. Here is the page where I’m trying to add the video using the video widget.

I don’t really care what I use. Can you just tell me the best way to add a video to a site using Virtue Premium and Site Builder? I just need to have it fully responsive and look nice. Thank you for any help you can provide.