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:

 </div>

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.

About these ads

15 Comments (+add yours?)

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

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

    Reply

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

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

    Reply

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

    Great stuff. Thanks

    Reply

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

    THANK YOU!!!!

    Reply

  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!!

    Reply

  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.

    Reply

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

    thank you!!!

    Reply

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

    Awesomely wonderful! Thankyou sooo much!

    Reply

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

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

    Reply

  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" /]

    Reply

  11. Anonymous
    Oct 16, 2013 @ 15:16:01

    [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" /] Text goes here, then it will be wrapped around your video

    Reply

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

    Put this before the video

    Reply

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

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

    Reply

  14. 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.

    Reply

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

    THANK YOU SO MUCH

    Reply

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

  • 354,907 hits
July 2011
M T W T F S S
« Jun   Jan »
 123
45678910
11121314151617
18192021222324
25262728293031
One Word

Photographs

cancerkillingrecipe

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

Gabriel Lucatero Official Website

Stories of a hard-working waiter

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

Adventures in Food, Travel and Drink

frugoal

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

Michael Wilson

BrooklynBystander

universotokyo

A friendly guide to the coolest spots in town

the Poets Heart

...a daily mix

Follow

Get every new post delivered to your Inbox.

Join 56 other followers

%d bloggers like this: