Embed Videos have horizontal scroll in Pro Video Embed element on Mobile

Support
#1

I’ve spent a few hours trying to diagnose this issue but I haven’t found a solution. I embedded video using the Pro Video element and it looks fine on Desktop, however, it adds a horizontal scroll on mobile unless the user turns their phone landscape. I’ve never had this happen for and I’m not sure how to fix this as I believe the embed element is responsive.

Any help would be appreciated.

Example Page:
http://champagnepediatricdentistry.com/services/pediatric-dental-emergencies/

#2

Hello @philahudson,

Thanks for posting in! I have checked the mentioned page and it seems that you are not using the video element. From what I could see, you are using raw content element and inserted a video embed code from Wistia. Could you please provide the video embed code in your next reply so that we can test it in our local testing server?

Regards.

#3

I have updated the elements. I was able to work around the issue with the Raw Content. You will see these new elements do not have the responsive layout I need.

Thanks for your help.

#4

Hi,

It’s not responsive because you have added a fix width and height.

Please remove the <div> in your embed code and just add the <iframe>

Change this

<div style="position:relative;height:302px;width:540px;overflow:hidden;margin-bottom:1.677em;"><iframe src="//patient-api.speareducation.com/dr/16936/video/744/key/2a05c5cc797a6042eaf18a3effbcc71cc2151a5bed9124fef07f05ea0f958ed8?autoplay=0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" oallowfullscreen="" msallowfullscreen="" scrolling="no" frameborder="no" width="100%" height="100%"></iframe></div>

to this

<iframe src="//patient-api.speareducation.com/dr/16936/video/744/key/2a05c5cc797a6042eaf18a3effbcc71cc2151a5bed9124fef07f05ea0f958ed8?autoplay=0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" oallowfullscreen="" msallowfullscreen="" scrolling="no" frameborder="no" width="100%" height="100%"></iframe>

Hope that helps

#5

Thank you. The service that provided these videos added that automatically and I didn’t catch it. I apologize for wasting your time but I do appreciate your help.

#6

You’re welcome!
We’re glad we were able to help you out.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.