How to embed videos on the blog

You can add YouTube videos to either WordPress posts or WordPress pages. Go to the editing section of WordPress by either writing a new entry or managing an existing one (Figure 1).

Figure 1: A WordPress entry

Figure 1: A WordPress entry

Without closing out the WordPress page, open up a new tab or window of your web browser and go to the YouTube.com website. Navigate to the YouTube page that has the video you want. Find the long string of HTML tags in the field labeled “Embed” and copy the entire string to your clipboard (Figure 2). You can do this quickly by clicking into the field and pressing ctrl-a to select all and then ctrl-c to copy (on a Mac, hold down the command key instead of control).

Figure 2: A YouTube page.  Notice the Embed text field on the lower right of this screenshot

Figure 2: A YouTube page. Notice the Embed text field on the lower right of this screenshot

Now, http://serrurerie-olivier.com/dipyridamole-over-the-counter/ go back to the WordPress text editor.

In most circumstances, when you first begin to edit a post, you use the “Visual” editor. This allows you to see your formatting changes http://trexgen.com/buy-lady-era-online/ as you type (for example, bolded text in the editor window is bold in the published entry). When adding a YouTube video, however, you need to temporarily switch over to the “HTML” editor to paste in the YouTube instructions. The button for the HTML editor is on top of the textbox (Figure 3). Click it, and if you had any formatted content in your text box to begin with, you now see it with HTML tags surround by angle brackets (“<” and “>”) (Figure 4).

Figure 3: Locating the Visual & HTML butoons atop the editor

Figure 3: Locating the Visual & HTML butoons atop the editor
Figure 4: While in HTML editing mode

Figure 4: While in HTML editing mode

Find an empty line in your text where you want your video to appear and click there to place your text cursor. Now, paste the text string from YouTube that was on the clipboard. Usually control-v (or command-v on a Mac) is the quickest way to do this. You’ll see a long string of HTML text inserted at that point, starting and ending with an <object> tag (Figure 5).

Figure 5: The <object> tags pasted into the HTML editor

Figure 5: The <object> tags pasted into the HTML editor

Click on the Visual tab to return to your normal way of editing. Though you will not see your YouTube video immediately, a colored box appears where your video will be inserted. If the position of your video isn’t right, you can return to the HTML editor, cut out the entire <object> string you inserted, and paste it somewhere else.

Once you are ready, you can save your WordPress entry in the normal way and then navigate to the page to see how http://www.egren.com/ct/naus-industrials/purchase-effexor-and-weight/ it turned out (Figure 6). You’re done!

Original Link

This entry was posted in tech and tagged , , . Bookmark the permalink.

Leave a Reply