Ironpaper Webintel: Knowledge base for internet business and web development.
Topic:

video

Video sitemaps for webmasters: meta data mania

Sunday, January 9th, 2011

Organizing and making data shareable, searchable and classifiable is in increasingly vital practice within the field of web design. Designers must understand that their art is more than the intersection of verbal and non-verbal communication but it is also a practice of communication to machines, as well--ultimately, web designer is a multi-dimensional practice.

Data can be thought of as a currency like oil, and like oil, it must be collected and refined to be usable by others.  Video content has been much harder to classify, understand and provide results for compared to text content. In order to organize video content into something that it interesting, it is necessary to have additional data about that video that can be interpreted by machines. Webmasters are beginning to focus more intently on making their online video content more accessible by the use of meta data.

Generally, there are two popular purposes for providing meta data alongside video content: classify the content so it can be interpreted easily and aid in the discovery of that video content. Technology like video sitemaps, mRSS, RFDa and Facebook Share all help webmasters and designers provide additional, machine-readable information like video titles and descriptions to search engines.

Video sitemaps and mRSS (Media RSS specification) can help search engines discover and track video content. Google has been making great strides in the effort to improve their index of video content. These tools give web designers and webmasters more control over their content inclusion strategy.

On-page markup like RDFa and Facebook Share may fall short with helping search engines discover new URLs with video content, but they are great for helping search engines that don't have sitemap/mRSS support to organically gather meta data about video content within a website. On-page mark-up does not however have extra meta data like duration, whereas mRSS does.

How To Embed Video In A Web Page

Tuesday, May 4th, 2010

Video is becoming more and more important  for the web. Even individuals and small companies frequently employ videos within their websites for marketing, promotions and as general content. Videos have seen great success when used as viral content for marketing.

This brief article shows how to publish video within a web page using HTML and attributes.

Sample code: Simple embed video within HTML source:

<embed src="example.mov" width="250" height="300" controller="true">

The above option is fine if your movie is very short. Longer videos will absorb more bandwidth. In such cases you will need to refine your approach.

Alternate options for embedding Video:

  • Youtube: Fast, easy and free. The downside is that you lose control of the source video and it circulates through the Youtube sites and can be embedded on other websites.
  • Vimeo: A new alternative to Youtube. Great for sharing videos and embedding them in a web page. Also, allows your video to be shared within communities.

Resizing your embedded native video but keep the aspect ratio:

<embed src="example.mov" width="650" height="450" scale="aspect" controller="true">

If you choose to resize the video but want to preserve the aspect ratio of the video, you can add an attribute to the <embed> code to prevent distortion. The snippet of code "scale" will allow you to reduce a larger video such as the common size 1280 x 720 to 650 by 450 but not stretch or distort the image. Without the scale code, you will crop the video arbitrarily.

HTML5 will make embedding video in a web page easier!

With the advent of HTML5, embedding a video in a web page will be a snap. The <video> element will be introduced with HTML5. It will also expand and enhance what you can do with video on the web. Currently, there is a battle between web browser designers over what video codec should be supported. Apple and Microsoft are fighting for a video technology that would impose patent issues. For more information about the fight over video technology standards for HTML5 see /Current. There are a number of highly popular video technologies being used widely, and they include: MPEG 4, typically with an .mp4 or .m4v extension, QuickTime container (.mov), Flash Video, typically with an .flv extension, Ogg, typically with an .ogv  extension, Audio Video Interleave, typically with an .avi extension.

Services: web video production and marketing