Tag error: <txp:tru_tags_if_has_tags> ->  Textpattern Warning: tag does not exist while_parsing_page_form: archive, default
/commentable: Viewing and Embedding Videos.
Dinarius = digital interest
21 February 2008

Viewing and Embedding Videos.

This is a BIG lesson and you’re sure to have questions – post them in the Comments below or AnswersForum. Using a simple webcam (that didn’t adjust the aperture for my being outside), I recorded four videos just as you might. They’re all about 30 seconds long. They’re destinies differed: One would remain the .WMV the webcam uses to save videos, the others would be converted to .AVI (requiring one conversion), .MOV and .M4V (requiring TWO conversions). Then the task was to embed the video easily for a blog, an HTML site or webpage and embed for an RSS reader.

Four types of video file embed differently.

Embedding video is changing. The powers that control our lives include Microsoft, Mozilla, Apple and Google. The code to write used to have something to do with OBJECT tags. No more. Even Apple had to re-instruct their audience to cope with Microsoft Internet Explorer’s new handling of object tags and embedded video. In doing so, JAVASCRIPT pages were suggested. The problem is that this allows for ONE video or multiple pages written in JAVASCRIPT to provide tags for multiple videos. Ouch and yikes.

Letting a web browser handle embedded video as it pleases is the easiest way to embed a video. Knowing which video format is the friendliest, lightest-weight video is a royal pain in the butt. My computer like RealPlayer and Quicktime. Yours may not. Below are FOUR videos embedded similarly. They were filmed at 320×240 pixels and stored as WMV files. I converted logically to provide you with four examples of four file types embedded simply to SHOW YOU how YOUR browser and computer work together to display the videos or not display the videos. If you cannot see a video below, you need to examine why not.




embedWMV.wmv

This one takes the longest to start playing… Patience.


embedAVI.avi

Forced SCALE to fit 200 x (150 + Controls) on this one.


embedMOV.mov



embedM4V.m4v

ON MY MACHINE

Internet Explorer 6 uses Windows Media Player to play the first two embedded videos and shows me nothing for the .MOV and .M4V

Mozilla Firefox AUTOSTARTS (despite a simple “false”) the .WMV with Windows Media Player, needs a plugin for the .AVI and shows me the first frame of the .MOV and .M4V without autoplaying.

“No suitable plugins were found.” So the embedded .AVI is no good for my Mozilla Firefox and too LARGE to depend upon for my Internet Explorer. The video is only 30 seconds, but took up about 10.5 MB of space although it began life at only 1.73MB when recorded and stored by the Logitech QuickCam.

The simple EMBED tag used for all four videos was the following:

<embed src="http://SITE.com/MOVIE.file" 
width="320" height="256" autoplay="false" scale="tofit">

This embed gives 16 extra pixels up and down for the Quicktime movie controls. Not enough for the Windows Media Player controls. Windows Movie Controls as I see them are 43 pixels I think. So I took 320 wide by (240 + Control) tall in mind when dictating the width and height in the video EMBED.

If you don’t have a Flash player to render your embedded videos and movies for you audience, it’s tricky as hell. Next, Converting and More Embedding Videos…

3 Comments for Viewing and Embedding Videos.

  1. From Gateway M285, WMV showed, AVI displayed first frame and MOV, M4V showed nothing after Quicktime asked to reassociate MIME settings.

    Installed latest Quicktime 7.4 and now everything shows up perfectly.

    Comment by Gateway on 3356 days ago #

  2. I didn’t update Quicktime but had to accept an ActiveX controller on the page twice for this page, once for the Homepage.

    I can’t see the M4V file at the bottom.

    Comment by Hair Dresser on 3356 days ago #

  3. I suppose it only makes sense that the m4v was the only video that showed up for me. QuickTime movies otherwise just appear as broken links.

    Comment by iPhone on 3355 days ago #

Favorite's the ARTICLE, not the SITE.