Best way to Display MP4 Video

I have an mp4 video. I am using the <video> tag and for IE10, which gives errors using the video tag, I am using the <object...<embed> tags.

For chrome I am using this:

 <video  autoplay preload="auto" controls="controls" 
 width="800" height="345"   >  
 <source src="/Documents/Portable/399.mp4" type="video/mp4">  
 <object  width="800" height="345"   >  
 <embed src="/Documents/Portable/399.mp4" type="application/x-shockwave-flash" allowscriptaccess="always"  
 width="800" height="345"    />  
  <param name="controller" value="false">  
 </object>  
  Your browser does not support the video tag.  
 </video>   

Open in new window

Here is what it looks like in Chrome:

chrome
For IE I am using this:
 <object  width="800" height="345"   >  
 <embed src="/Documents/Portable/399.mp4" type="application/x-shockwave-flash" allowscriptaccess="always"  
 width="800" height="345"    />  
  <param name="controller" value="false">  
 </object>  

Open in new window


Here is what it looks like in IE:
IE
Notice neither of them are filling the 345x800 area and it has black around it. If I play the mp4 in Windows Media Player, it fills up as I expand it, but in my version, it has the black around it.

It would be ideal if I could use the same code for any browser but for some reason IE doesn't like the video tag, even when I leave off the "type" as recommended in some forums.

I would like the option of not having a control panel either. I tried setting controller is false for the IE version, but it still has the bar at the bottom. How do I turn that off for both?

1. Fill up space
2. Remove controller
3. Get <video> to work with IE

Any suggestions for getting this to work more nicely would be great! thanks!
LVL 2
Starr DuskkASP.NET VB.NET DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Roopesh ReddyIT AnalystCommented:
Hi,

HTML 5 Video tag should be supported in the IE 10!

Check few tips on HTML 5 Video - http://roopeshreddy.wordpress.com/2012/09/19/tools-and-tips-for-html-5-videos/

Hope it helps u...
0
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
Sorry, no, but thanks for trying.
0
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
Anyone know how to use the video tag with IE10? I need the console to go away and the black around the sides as shown in my screenshot. thanks!
0
Starr DuskkASP.NET VB.NET DeveloperAuthor Commented:
I had to give the demo in Chrome only and stay away from IE since I didn't find a solution.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.