November 5, 2013 Pieter Hartsook

How to display videos on your WordPress website

Displaying multimedia content from cloud-based services

oembed-all-serviceIt’s super easy to embed videos, images, and other content into your WordPress site.

With WordPress, you don’t have to use the html embed script from the service.

embed-YouTube-3

oembedWordPress includes oEmbed API functionality. To embed video or sound from a cloud service like YouTube into a post or page all you need to do is to paste the URL to it into your content area. Make sure that the URL is on its own line and not hyperlinked (clickable when viewing the post). If WordPress fails to embed your URL you will get a hyperlink to the URL.

For example, put the following text into a Post or Page, either in the Visual or Text editor:


Check out this cool video:
http://www.youtube.com/watch?v=dQw4w9WgXcQ
That was a cool video.

WordPress will automatically turn that into a YouTube embed when the post is viewed like this:


Check out this cool video:

That was a cool video.


You can also opt to wrap the URL in the shortcode. It will accomplish the same effect, but does not require the URL to be on its own line. It also allows you to set a maximum (but not fixed) width and height, like so:

<hr />

<pre>Look at this much smaller video:
http://www.youtube.com/watch?v=dQw4w9WgXcQ </pre>

<hr />

Which will look like this when you display the page:

Look at this much smaller video:

http://www.youtube.com/watch?v=dQw4w9WgXcQ


This technique currently works with the following services to embed photos, sound clips, and videos into your WordPress website.

    [one_half]

  • blip.tv 
  • Bunkr 
  • DailyMotion 
  • Flickr 
  • FunnyOrDie.com 
  • Hulu 
  • Instagram 
  • Qik 
  • Photobucket 
  • PollDaddy 
  • Rdio 

[/one_half][one_half_last]

  • Revision3 
  • Scribd 
  • SlideShare 
  • SmugMug 
  • SoundCloud 
  • Spotify 
  • Twitter 
  • Viddler 
  • Vimeo 
  • YouTube 
  • WordPress.tv 

[/one_half_last]

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

Let us know how we can help you: