You are here: Home » Tutorials » for HotPotatoes » DivX Video

DivX Video in HotPotatoes

Posted by Stan Bogdanov on 11 December 2007 - 20:38
Last updated 17 May 2009 - 07:47

Now you can play DivX Video on your website! Just get the DivX Web Player plugin outlink.

See the XHTML1.1 Valid demo!

Introduction

The DivX team say:

"Watching DivX videos just got (even) easier. The DivX Web Player is a sleek plug-in that allows DivX videos to be played directly within the web browser. The DivX Web Player offers webmasters, bloggers or absolutely anyone creating a web site a convenient tool for embedding high-quality DivX videos into their web pages. The DivX Web Player is included as part of all DivX software downloads.

  • Plays all DivX videos - Play any DivX video in your web browser
  • Very small download - Downloads and installs in seconds (less than 1MB!)
  • Cross-platform support - Compatible with nearly every popular web browser
  • Superior compression - Enables higher quality video at smaller file sizes
  • Full-screen mode - Double-clicking on the screen switches playback to full-screen mode for a more cinematic experience
  • Windowed mode - Allows users to watch videos in a separate window while continuing to surf (right click on the player to access it)
  • HD Playback - Supports DivX high definition (HD) video
  • Skinnable - Allows webmasters to personalize the player to match their web pages
The DivX Web Player requires Windows 2K/XP/Vista (32-bit) or Mac OS X 10.2 or later and is compatible with the following web browsers.
  • Internet Explorer (5.0 and above)
  • Firefox (1.0 and above)
  • Mozilla (1.7 and above)
  • Netscape (8.0 and above)
  • Opera (8.0 and above)
  • Seamonkey (1.0 and above)
  • Flock (0.7.5 beta and above)

You can visit the DivX WebPlayer Code Generator outlink, input the movie data and generate the code.
Then, copy the code and paste it in the place on the web page where you want it to appear.

However, the code has the <embed> tag, which is old and thus not XHTML valid.
I played around with the code and managed to validate it as XHTML1.1!

The valid XHTML 1.1 sample DivX code that you can copy and modify

<object type="video/divx" width="320" height="180"
  data="http://your-web-site.com/movie.divx">
<param name="type" value="video/divx" />
<param name="src" value="http://your-web-site.com/movie.divx" />
<param name="data" value="http://your-web-site.com/movie.divx" />
<param name="codebase" value="http://your-web-site.com/movie.divx" />
<param name="mode" value="minimal" />
<!-- another mode value="full" -->
<param name="minVersion" value="1.0.0" />
<param name="pluginspage" value="http://go.divx.com/plugin/download" />
<param name="allowContextMenu" value="true" />
<param name="autoPlay" value="false" />
<param name="previewImage" value="thumbnail_image.jpg" />
<param name="url" value="http://your-web-site.com/movie.divx" />
<a href="http://go.divx.com/plugin/download">Get DivX plugin</a>
</object>
 

Notes

When you copy-paste the code above you may end up with carriage returns where you don't want them to be. When you put the code into a JMatch exercise, or another one where the DivX Webplayer code is placed in the Javascript code, mind that it must run as a single line! Otherwise the Javascript code of the exercise in which it is inserted gets broken and you see nothing!

Another thing, if the preview thumbnail image is not found on the server by the player, it will just keep looking for it and won't play the movie. If you plan not to have a 'preview' image, remove the respective <param> tag.

My test

I tested the player, both v1.3.1 and v1.4.0.233, and both were fine in the following browsers on WinXP SP2:
  • Firefox 2.0.0.11
  • Opera 9.23
  • Internet Explorer 7
  • Internet Explorer 6 (i.e. 6.0.290.2180)
  • SeaMonkey 1.0.7
  • Netscape 7.2
It has been reported to work also on WinXP SP2 in
  • Netscape 8.1, and 9
I'd appreciate any other OS and browsers tests (though I don't doubt that a standards compliant browser will not handle it correctly), and if you can test the code, please let me know.

What I like about the DivX Web player

I like the high quality video and the three modes: full screen mode, window mode, and the embedded mode. What do you think?

What I don't like about the DivX Web player

I assume, bandwidth (for long movies); and I haven't tried the skins yet.

I've just been reminded that there's no plugin for Linux yet, leaving out a substantial number of users.





Related tutorials:


Rate this:

  • Currently3/5 Stars
  • 1
  • 2
  • 3
  • 4
  • 5
Votes: 579

Share it:

Windows Live

Write a comment

  • Required fields are marked with *.

If you have trouble reading the code, click on the code itself to generate a new random code.
Security Code:
 
Albert M Juntilla Jr.
Posts: 1
Comment
Re: DivX Video in HotPotatoes
Reply #1 on : Sun March 30, 2008, 20:33:44
I am also interested on this for video quality on the site. I have a blog and wanted to record a tutorial for other webdesigner or developer uplaod video to help others or show tips and trick about web development
Last Edit: March 30, 2008, 23:09:13 by siteadmin  

Feedback Form
Feedback Analytics