How to display youtube video in iframe without breaking responsiveness on phone

3 replies · opened Apr 15, 2020

77Lexen7Apr 15, 2020

Any chance you have any pointers?

Thank you!

SSemicolon WebSTAFFApr 15, 2020

Hello,

The iFrame does not break any responsiveness on the Mobile Devices. The responsiveness issues you might be facing could be due to invalid HTML Codes. Make sure that you validate your codes here: https://validator.w3.org/ . However, if you are still facing issues, please provide us with a Live URL along with the Screenshot of the Issue so that we can check on this more and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

77Lexen7Apr 15, 2020

Thank you for your help. Here is the page. It does not layout correctly on a smartphone.
https://payoffdebtsfast.com/Video.html

Attached is a screen shot...
I have highlighted where it should display... see how the video stretches right... and pushes everything else left into a column?

Thank you for your help!!!!!!!

Hope you are all hanging in there!!!

SSemicolon WebSTAFFApr 16, 2020

Hello,

The issue is due to Heavily Customized Codes! Make sure all your Content related Codes is placed inside the .content-wrap Container to ensure maximum responsiveness. Also, there are multiple HTML Validation errors on your Page: https://validator.w3.org/nu/?doc=https%3A%2F%2Fpayoffdebtsfast.com%2FVideo.html . Please fix them to avoid unexpected issues.

Additionally, please follow the media-embeds.html Template for examples on how to use the Embed Codes.

This should fix your issues. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hope you are doing well. Stay Safe.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard