Making Embed Videos Mobile-Friendly

Posted on February 1, 2008 by Perisphere Media

When you embed videos using code provided from one of the third-party video services (e.g. YouTube, Vimeo, etc.) the embed code may not provide the proper code needed to make sure the video does not overflow the borders of the website when viewed on a tablet or mobile device. To remedy this situation, you may use the free web tool Embed Responsively. You select the service from which the video is coming, post its URL and select “Embed” to receive a code that will ensure that the video stays within the borders of the page in a mobile view and render properly in desktop view as well. Note that in the embed you will see height and width set to 100%. If needed, these percentages can be manually adjusted to make the video appear in proper proportion on your website page or post as needed. Trial and error experimentation may be needed.

Posted in Media
Current Clients

If you are a current Perisphere Media client, please visit our client portal page to get specific information related to the unique features of your organization's website.

WordPress Quick Reference

We are working on providing our clients with a quick reference guide to Wordpress features to enable more experienced users to get the information they need quickly to accomplish their website tasks.

WP 101
Contact Us

If you have a general request, please feel free to contact us.

If you are one of our ongoing digital outreach engagement clients, and you have a specific task or website request we recommend that you contact us through our online ticketing system.