Skip to main content

Embed YouTube videos using IFRAMES

YouTube just introduced a new video encoding method by which users will now be able to embed videos in blog post and HTML pages using IFRAMES. The regular Flash video embedding codes are still available.

To embed any video using IFRAMES just use the following code, replacing VIDEO_ID with the unique identifying code of the video which you can grab from the video URL. Adjust the width and height appropriately.

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

The following video has been embedded using IFRAMES.

Unlike normal IFRAME behavior, resizing the size of the IFRAME automatically resizes the video contained within.

If you use the new embed code style, your viewers will be able to view your embedded video in one of our Flash or HTML5 players, depending on their viewing environment and preferences.

An additional benefit of the new embed style is that it will eventually allow embeds to work on mobile devices, which typically use a built-in player instead of Flash or HTML5.

Labels:

Comments

  1. Kaushik PatowaryJuly 26, 2010 at 10:13 AM

    Well, I guess the IFRAME version doesn't allow such customization.

    ReplyDelete
  2. sohaibyDecember 25, 2012 at 4:12 PM

    i have embedded a video from microsoft's site onto my blog! When i am trying to resize that video.., it is cropping and the video not resizing itself but cropping!!!

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.
1 comment
Read more

69 alternatives to the default Facebook profile picture

If you have changed the default Facebook profile picture and uploaded your own, it’s fine. But if not, then why not replace that boring picture of the guy with a wisp of hair sticking out of his head with something different and funny?
332 comments
Read more

How to remove watermark from an image or picture

A watermark is any recognizable text, logo or pattern that appears over an image to identify the owner of the image and generally used to prevent unauthorized reuse of the image. Watermarks are usually transparent and can be difficult to remove. The difficulty or ease of removal depends on the content of the image and the position, color, size etc of the watermark.
210 comments
Read more