Friday, March 28, 2014

No Old Embed Code, No Problem

Videos on YouTube have a handy Share button to let you disseminate them to anyone in a variety of ways using FaceBook, Twitter, email, and many other social media services. One of those options is embedding the video. Embedding videos in HTML pages is a popular, seamless method of integrating them directly into your content. YouTube's Share button will generate this code using IFrame tags. IFrame tags are simple to add within the code of any HTML page, but they may present a problem when used in pages loaded into some Learning Management System (LMSs) coupled with browser incompatibilities. For instance, IFrame tags can cause display areas to be truncated to the point of being unviewable when using the Blackboard Learn LMS in the Firefox browser.

The key to embedding videos so they will display correctly in IFrame-incompatible systems may be to use what is called the Old Embed Code. This option is provided in YouTube through a check box labeled Use Old Embed Code. However, there are some videos that do not have this option.

Fortunately, there is a free tool called the Valid XHTML YouTube Embed Code Generator, which will generate the Old Embed Code. They also have a tool for videos from Vimeo. Start by copying and pasting the URL from the video you want to embed. The tool has options for specifying:

  • Video dimensions
  • Alignment
  • Menu and border color
  • Looping and auto play functions
  • Full screen availability
  • And more

When finished, click the Generate Code button. Copy and paste the code into your web page, then sit back and enjoy some videos!

No comments:

Post a Comment