Video by MarionBlack
Added Apr 05, 2019

Author MarionBlack
2014
2
92
Premium
Ambassador
Rank 92
Unfollow

Sometimes you'll want your video to fill up the entire page and other times you may just want to position it like you would an image. On the left or the right of the page.

So we're going to use a tiny bit of code.

Code and HTML are not a four-letter words they're just groups of letters. HTML is Hyper-Text Markup Language.

Whenever you use HTML it's important to type it in exactly as shown including the punctuation and spaces (or no spaces as the case may be).

Get the embed code for the video you want to use from YouTube Embed YouTube Video in WordPress

The code you get from YouTube will look like:

And when you add the code before and after it should look like this:

Here's the code for you to copy and paste into the Text tab:

<div style="float: right; margin: 0 0 20px 20px;" rel="float: right; margin: 0 0 20px 20px;"><iframe src="https://www.youtube.com/embed/x5gzHSE9keU?rel=0&showinfo=0" width="420" height="236" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

So what you need to add is the top line and the bottom line.

This will float the video to the right of the text like in the image above.

The four numbers in the margin attribute are:
1st number = top (above the video)
2nd number = right (to the right of the video)
3rd number = bottom (below the video) and
4th number = left (to the left of the video)

You can play with these numbers until you get it looking just the way you like.

Here's an image of the code to float the video to the left:

If you use this in your website please include a link to the post or page to share with our community.

More training by Marion Black - sorted

Please click 'Like This' (if you do). Ask a question, share something or leave a comment.

Join the Discussion
Write something…
Recent messages
LouisaB Premium
Excellent video! I will watch it until I get it!

Thank You!
Reply
MarionBlack Premium
Have fun with it Louisa :)
Reply
spatz007 Premium
Yet another reason you totally rock :)
Reply
MarionBlack Premium
Thank you :D
Reply
Fleeky Premium
❤️
Reply
MarionBlack Premium
You really have a thirst for knowledge Fleeky :)
Reply
Fleeky Premium
Uh... i tend to be forgetful

Just digging one idea is sooooo helpful
Reply
MarionBlack Premium
Well, if I'm going to be stalked then it's nice to have a stalker who loves me. (♥‿♥✿)
Reply
Fleeky Premium
Lol...

Last message
Reply
emerald860 Premium
Hi Marion! It's amazing how you come out with videos and/or updates right when I need them! I was looking for a way to resize 2 Youtube videos on a post I just published. Low and behold you had the answer! Thanks a mil! Alanna
Reply
MarionBlack Premium
My telepathic abilities know no bounds Alanna :)
Reply
emerald860 Premium
:D
Reply
LouisaB Premium
I will bookmark this for future use as well.
Thank You for this training!
Reply
jwinc Premium
I put this to good use.
Thanks so much!
Reply
MarionBlack Premium
That's great James.
Reply
DarleneB Premium
I just had to wrap my text around a video on my site. It worked perfectly. Thank you so much for taking the time to do this video. I really appreciate it.
Reply
MarionBlack Premium
I'm so glad it worked for you Darlene.
Reply
Mari-elle Premium
I am so happy I found your training! This is great knowledge for a newbie like me,, thankYOU!
Reply
MarionBlack Premium
There's a lot of info here Mari-elle. Don't try to learn everything all at once or you could get overwhelmed.
Reply
Chezbrown Premium
Thank you Marion, definitely going to star this. xx
Reply
MarionBlack Premium
Cool. You've just learned how to add code to your website :)
Reply
Chezbrown Premium
Thanks Marion. xx
Reply
BBrandt Premium
Marion,

I can not get the text to wrap. Am I missing something?

Bruce
Reply
MarionBlack Premium
Did you copy and paste the code into your Text tab? Try using the code from above then you can edit it to use your own choice of video.
Reply
BBrandt Premium
I did that. I think that I need to relocate where the code is placed. I will try that and let you know how it worked. Thanks again.

Bruce
Reply
GinaGo Premium
Thank you Marion. Love your new profile photo! ~Gina
Reply
MarionBlack Premium
Thanks Gina.
Reply
KevinBulmer Premium
Thank you once again, Marion! I just put this to use with this post:

http://choosehopelivebetter.com/using-creativity-and-resourcefulness-to-achieve-your-goals

Thank you!

Kevin
Reply
MarionBlack Premium
Looking good Kevin :) Thanks for sharing.
Reply
Darwyn Premium
Thanks Marion, very helpful and clear training.
Cheers
Darwyn
Reply
MarionBlack Premium
Thank you Darwyn.
Reply
JewelCarol Premium
Awesome, thanks for a great training, Marion dear. :))
I see you change yr profile picture, nice!! ;))
Reply
MarionBlack Premium
Thank you Jewel.
Reply
Ultimateless Premium
It's great getting these little snippets we can use without too much thought!
Reply
MarionBlack Premium
Yeah, I like the little ones too :) Thank for stopping by Michael.
Reply
johnwnewman Premium
Thanks Marion! Super job :-)
Reply
MarionBlack Premium
Thank you John.
Reply
Judy-B Premium
I add my thanks as well, Marion. You always have great tutorials, helpful and easy to follow. :)
Reply
MarionBlack Premium
Thank you Judy :)
Reply
AussieJeff Premium
Thank's, Marion. Glad to see you back in the loop.
Reply
MarionBlack Premium
Thank you Jeff. I've been a bit quite lately and my WA rank has gone back into double figures :)
Reply
BrooklynPhil Premium
Brilliant!
Thank you Marion.
Reply
MarionBlack Premium
It's a pleasure Phil.
Reply
Martstervt Premium
Good stuff Marion and many thanks:-)
Reply
MarionBlack Premium
You're welcome Marty.
Reply
T1967 Premium
Love it , tagged it for later, thank you Marion :-))
Reply
MarionBlack Premium
Great.
Reply
T1967 Premium
:-) thank again hun xox
Reply
Tirolith Premium
Thanks Marion, you always have great lessons for us. Tom
Reply
MarionBlack Premium
You're very welcome Tom.
Reply
Muule Premium
Thanks, Narion!
Reply
MarionBlack Premium
You're welcome.
Reply
Roybretton Premium
Thank you for your training Marion, always appreciated and a good reference source!
Reply
MarionBlack Premium
You're welcome Roy.
Reply
ChrisScott Premium
Wow!!!! You are the bestest, Marion. That accent of yours is captivating. You should do voice overs.
Reply
MarionBlack Premium
Thank you, my favorite Teddy Bear.
Reply
ChrisScott Premium
:-} I love your new profile picture.
Reply
MarionBlack Premium
Thank you.
Reply
BBrandt Premium
Thank you Marion,

Will this work with affiliate ads as well?
Reply
MarionBlack Premium
It should work if the affiliate ads are in code. Give it a try.
Reply
kiliwia62 Premium
Thanks Marion ,something I have to train myself to do. I certainly will try it out on my "experimental" website. :)
Thanks for sharing
Reply
MarionBlack Premium
Great idea Sylvia. Then you can just copy and paste into your real site.
Reply
BrianFord Premium
Thank's for the Post!! Marion, great info
Reply
MarionBlack Premium
You're welcome Brian.
Reply
LisaFranks Premium
Always wondered how to do that. Thank you Marion
Reply
MarionBlack Premium
You're welcome Lisa.
Reply
bazboy247 Premium
Fantastic practical training

Barry
Reply
MarionBlack Premium
Thanks Barry.
Reply
Jim-Bo Premium
Super stuff, Marion!
Reply
MarionBlack Premium
Thank you Jimbo.
Reply
Ivine Premium
Hi Marion, this will be useful. Irv.
Reply
MarionBlack Premium
Thanks Irv.
Reply
dorina62 Premium
Thanks, Marion! Great training! I applied it!
Reply
MarionBlack Premium
Fantastic!
Reply
j-lee Premium
Not to that point yet but it is good information to know.
Reply
MarionBlack Premium
Great. It will still be here when you need it.
Reply
SiobhanP Premium
Great information from a Word Press super star
Reply
MarionBlack Premium
Thanks Siobhan.
Reply
Chrissies Premium
Thank you so much Marion, definitely one to star!!
Love your new photo by the way :)
Reply
MarionBlack Premium
Thank you Chrissie.
Reply
Dreamer56 Premium
Awesome information as usual! Thanks Marion I am liking the new image!
Reply
MarionBlack Premium
Thank you for both compliments :)
Reply