Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

James Ingmire
James Ingmire
11,901 Points
Posted by James Ingmire
James Ingmire
11,901 Points

I'am using HTML 5 video tag. Is there anyway to use this technology without using DivX?

This is the video html code i'am using. Just need a way for it not to use DivX, not completely understanding how the plugin's are used. Any insight would be much appreciated.

<video controls="controls" autoplay="autoplay" poster="video/stillimage.jpg" width="100%" height="100%">
            <source src="video/720_NEW.mp4" type="video/mp4" />
            <source src="video/720_NEW.webm" type="video/webm" />
            <source src="video/720_NEW.ogv" type="video/ogg" />
            <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="100%" height="100%">
                <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
                <param name="allowFullScreen" value="true" />
                <param name="wmode" value="transparent" />
                <param name="flashVars" value="config={'playlist':['video%2Fstillimage.jpg',{'url':'%22video%2F720_NEW.mp4','autoPlay':true}]}" />
                <img alt="Please update you browser to view this video!" src="video/stillimage.jpg" width="100%" height="100%" title="No video playback capabilities, please download the video below" />
            </object>
        </video>

Is the only way to take mp4 format out of the equation? Thanks

3 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

This is a known issue with Divx older versions of Divx.

A quick search on google for html5 video divx leads me to an answer on StackOverflow (5th link on Google) for how to work around this issue.

Chris Shaw
Chris Shaw
26,676 Points
Chris Shaw
Chris Shaw
26,676 Points

Hi James,

DivX is a 3rd party extension that is optional when you install the desktop software, by default browsers now have robust video players built into them that offer support for webm, mp4, ogv and lots more without the need for 3rd party players.

If you're seeing the DivX player I suggest you uninstall the player extension as it's best practice to use HTML5 <video> tags using a vanilla environment so you see what others would see.

James Ingmire
James Ingmire
11,901 Points
James Ingmire
James Ingmire
11,901 Points

Hey Chris,

Thanks very much for your response.

My client doesn't want to uninstall or have to alter anything on his or the viewers side, the only option I worked out to fix the problem is to remove the mp4 extension and leave webm and ogv therefore removing the DivX plugin option entirely.

Do you think this is the only way of solving the issue? (without using your idea) As won't having an mp4 extension reduce playback on certain devices.

Hope this makes sense. Thanks.

Jason Anello
PLUS
Jason Anello
Courses Plus Student 94,610 Points
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi James,

I'm missing where divX factors into this. Could you clarify that please? As far as I can tell, the only plugin involved here is flash.

It looks to me like you're using html5 video with 3 different sources and then a flash fallback using flowplayer.

It looks like you have it set up right. What's happening on your end that makes you think you have this wrong?

If you remove the mp4 then ios devices won't have a format they can play. You have to use mp4 and it needs to be first because of a bug in earlier versions of ios where it couldn't read past the 1st source.

Nowadays, webM pretty much covers everything that ogg covers so I don't think an ogg source is necessary anymore.

James Ingmire
James Ingmire
11,901 Points
James Ingmire
James Ingmire
11,901 Points

Thanks this it was that i thought and nothing was wrong, was just my client complaining divX was being used on his side, bit confusing. Thanks for your answer, has helped me. James above has explained a common error involved.