How to add video for mobile web development?
and video embed tags with no luck.
The href resulted in a black screen with voice playing. I think the video was playing but in a different window.
The embed tag just left a white box where the video should be playing.
I can't seem to find any information on mobile webdevelopment and playing videos. It needs to be able to work on android and iphone.
Yes, you need WMV format
Unfortunately you kind of have to choose between Windows mobile and just about everybody else at the moment... If you are hosting the video yourself then http://videojs.com/ will get you support for most mobile platforms including older Android which 'Video for Everybody' doesn't get quite right. If you are using an external service to host it recommend Vimeo. It's relatively cheap for a pro account which nets you the ability to customize the player and remove all Vimeo branding. That doesn't quite solve WIndows mobile vs. everyone else issue though.
If you wanted to cover both WMV and everybody else you could use IE conditional tags to serve the WMV video to everyone who uses IE and then you alt solution to everyone else:
<!--[if IE ]> YOUR WMV OR SILVERLIGHT EMBED CODE GOES HERE <![endif]--> <!--[if !(IE) ]> YOUR EMBED CODE FOR ALL OTHER BROWSERS <![endif]-->
Android probably doesn't support WMV at all no matter what tags you use.
Maybe this will help you:
You need H.264 format and hope that the user has an appropriate browser, you could also use the code outlined here, to embed your video, which would then serve an appropriate file to the user agent requesting it: