How to add video into a webpage for mobile web browsers.

Posted by payling on Stack Overflow See other posts from Stack Overflow or by payling
Published on 2010-05-25T15:37:26Z Indexed on 2010/05/25 17:01 UTC
Read the original article Hit count: 337

Filed under:
|
|
|
|

Our company is making a mobile version of our website. We have several product videos we want to show on the mobile version.

When I try to use

<a href="video.wmv">video</a> 

I get sound playing but a black screen on my htc incredible android os phone.

I'm thinking that the video is playing but in a different browser window. I need it to display all in one window without having to switch to a different window.

I tried the html embed tags and get no video or sound at all, from what I've read these tags are not very realiable cross browser.

I also just tried the html5 video tags below. I get an icon identifying that it's a video file but it doesn't play.

<video src="video.wmv" controls="controls">
      your browser does not support the video tag
</video>

Is there a special format the video file needs to be in? Should I be using the href or embed tags, what other options do I have?

If it helps to know, I'm using the mobile doctype on my webpages.

Thanks

© Stack Overflow or respective owner

Related posts about html

Related posts about android