How do I make text wrap around my video?
How do I make text wrap around my video?
This is a three phase process, but shouldn’t take very long overall. First we will need to get the properly sized embed code from YouTube.com. Then we will need to create a floating container, or table, for the video. Then we will need to insert the video itself onto your page.
Getting the embed code from YouTube
1. Go to the YouTube page for the video .
2. Click on "Embed" in the row of buttons below the video.
3. If you scroll down a little, you will see a row of different sizes for the video you would like to embed. One of these options is labeled "Custom" and allows you to put in the size you would like.
4. Click into the Field labeled "Width" and type in "200" (If you put in the width, it will automatically fill in the appropriate height so that the video does not appear stretched. The minimum width for an embedded video is 200. If you would like to wrap text around your video on a blog post, I recommend using this size. On your homepage and most other pages, I would recommend a width of 300.).
5. Now copy your embed code from the top of this area where it says "After making your selection, copy and paste the embed code above. The code changes based on your selection." We will need to paste this code in later, so you may wish to save it somewhere, or leave this window open.
Inserting the Floating Table
6. Now log into your RPS control panel, and go to the page you would like to edit. For this example, we'll insert the video at the top right, so that the text wraps to the left.
7. On the edit screen, place your cursor at the very beginning of your page.
8. Click on the "Insert a New Table" icon.
9. In the window that opens, set "Cols" to 1, "Rows" to 1, and delete the 1 out of "Border" so that it is blank.
10. Click over to the "Advanced" tab at the top.
11. In the "Style" field type or paste in the following:
float: right; margin-left: 10px;
12. Click on Insert at the bottom left. You should now see a small box with a dotted outline at the top right of the editor.
Inserting the Video
13. Click so that your cursor is flashing inside that box.
14. Click on the filmstrip icon labeled "rpsmedia."
15. In the window that opens, paste in the code from step 5.
16. Click on Insert. The video itself may not display in the editor, but will display on the actual page.
