Wrap Text Around A Video in WordPress

To wrap text around a youtube (or other) video in WordPress, switch to the HTML view:

Paste in this code before the video embed code:

 <div style="float:left;margin:0 10px 5px 0;">

(click here to see the youtube embed code)

Paste in this code after the video embed code:


You will get these results:



This is an example of wrapping text around a youtube video. First find the video on youtube, then start your blog post. Then copy this code  <div style="float:left;margin:0 10px 5px 0;"> and paste it into your blog post while in HTML view. Then get the youtube embed code and paste it in next. Follow that with the code </div>. You can tweek the code if you want it to float on the right or left and the padding around by changing the code.

17 Comments (+add yours?)

  1. Anonymous
    Mar 12, 2012 @ 06:36:31

    THANK YOU!!!
    Have been trying to figure this out


  2. Kevin Ashcroft
    Jun 12, 2012 @ 15:17:12

    Really useful thanks for the information, it worked 1st time.


  3. Jim Camenga
    Jul 17, 2012 @ 02:20:31

    Great stuff. Thanks


  4. lia
    Aug 09, 2012 @ 15:24:00

    THANK YOU!!!!


  5. Anonymous
    Aug 11, 2012 @ 14:23:57

    i searched all over the web for the answer to this n u were the only one that had the correct info and posted it. direct short simple to the point.
    THANK U!!


  6. Keith Dorwick
    May 20, 2013 @ 07:00:05

    You could also just create a new class for the video tag in css. That would mean you’d just add class=”wrap” to your video tag in your code:

    video.wrap {

    float:left;margin:0 10px 5px 0;
    border:2px solid gray;


    Put that in a css style sheet and that would create a nice wraparound effect without adding all over the place.


  7. Anonymous
    Jul 20, 2013 @ 00:35:02

    thank you!!!


  8. Jelila
    Sep 15, 2013 @ 00:48:46

    Awesomely wonderful! Thankyou sooo much!


  9. Anonymous
    Oct 05, 2013 @ 15:30:32

    Aswesome Thank you you did a great job and keep it sample.


  10. Vernono
    Oct 15, 2013 @ 20:21:36

    Is it possible you could give me the code of the complete html of a video you have done, so I can paste it in to WP and then I can cut out your youtube code and paste mine, as it doesnt seem to work for me. This is what I have done.

    This how its done Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).[embedplusvideo height=”220″ width=”350″ editlink=”http://bit.ly/19LlYI7″ standard=”http://www.youtube.com/v/tjPE6cfVsYg?fs=1″ vars=”ytid=tjPE6cfVsYg&width=380&height=220&start=&stop=&rs=w&hd=0&autoplay=0&react=1&chapters=&notes=” id=”ep9289″ /]


  11. Anonymous
    Oct 16, 2013 @ 15:19:30

    Put this before the video


  12. Charles
    Nov 10, 2013 @ 23:22:15

    Hey Amy, great post.
    Worked first time right out of the box.
    Thanks for your contribution.


  13. Ed Carpenter
    Dec 23, 2013 @ 04:57:06

    With Coffee, thanks so much. One caveat to add: If you have a header at the top of your text, you’ll have to remove it. I had an subhead and it wouldn’t wrap no matter what. I guess it defaults to take any entire line. I’d love to know if there’s a work around for this. Took me forever to figure out.


  14. Teal and Coral Blog (@TealandCoral)
    Apr 14, 2014 @ 19:23:32



  15. Anonymous
    Mar 17, 2015 @ 17:11:00

    THANK YOU! Finally a solution that works.


  16. mark sprague
    Mar 30, 2015 @ 19:36:04

    Did not work! Please help
    1) I pasted your code:
    as explained
    2) I pasted my video embed code, the next line:
    3) I pasted as you said:
    4) Video comes up for Four Corners presentation the same, no wrap around text.

    Please reply and assist,

    Thank you in advance for you time.

    Mark Sprague


    • Z
      Mar 31, 2015 @ 00:50:43

      Hi Mark. I’m not sure it will work with that type of video. Try uploading your video to YouTube and the use the embed code. You could also use Google drive if you have gmail. I use that for embedding video all the time.
      Hope that helped,
      Amy Z


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Blog Stats

  • 368,030 hits
July 2011
« Jun   Jan »
Kioro Photographie

Street Photography in Paris

One Word


cancer killing recipe

Just another WordPress.com site

Gnawing the Bone

Dog fiction, photos and more.

Ray Ferrer - Emotion on Canvas

** OFFICIAL Site of Artist Ray Ferrer **

Juju Films

Cutting edge Multimedia Programming

My Blog

This WordPress.com site is the bee's knees

The top 10 of Anything and Everything!!!

The top 10 of just about anything everything, from cakes to cats and dogs to caravans. Always a laugh, always worth seeing.

A Stairway To Fashion

contact: ralucastoica23@gmail.com

The Adventures Of Canon 1100D

I take photographs with my Canon eos 1100D. I share my favourites with you.

Angelart Star

The beautiful picture of angels makes you happy.

The Wandering Gourmand

A Culinary Travel Blog


(one gal getting more out of life by spending less)

Michael Wilson Photography


the Poets Heart

...a daily mix


Get every new post delivered to your Inbox.

Join 91 other followers

%d bloggers like this: