Responsive Video Embeds for WordPress Blogs

Some newer websites and blogs may have a fix for this issue already, but if your theme doesn’t support responsive video embeds, follow the instructions in this article from ALX Media.

I added the code to my files over the weekend, and am very happy with the results. For some examples, check out this note on helping boys challenge sexism, this note on stop & frisk policy in New York, and this one on the ways women are often portrayed as damsels in distress in video games. For a full-width page example, note how the video of Nelson Mandela stretches across the screen on this page.

After adding the code, your videos should be able to take up the content width of whatever page container they are in without spilling over to other content, and should also change in size in proportion to the size of the screen visitors may be using when they arrive at your site.

Change the size of the window in your browser, or switch devices to watch the responsiveness in action.


Visit the article
, get the code and try it out for yourself.

Ubuntu,

From Aspiring Humanitarian, Relando Thompkins, MSW, LLMSW

—————————————————————————————————————————

—————————————————————————————————————————

Get New Notes in Your Inbox

Enter your email address to have new notes delivered to your inbox.

Written by

I'm a Social Worker, Educator, and Aspiring Humanitarian who is interested in conflict resolution, improving intergroup relations, and building more equitable and inclusive communities. "Notes from an Aspiring Humanitarian" is my blog, where I write about issues of diversity, inclusion, equity, and social justice. By exploring social identities through written word, film & video, and other forms of media, I hope to continue to expand and enrich conversations about social issues that face our society, and to find ways to take social action while encouraging others to do so as well in their own ways.

Still Here? Try these...

Share Your Thoughts: Leave a Comment

%d bloggers like this: