Hi, I was just hoping that maybe I could get some people to test this test web page on some NON windows devices....I am trying to learn to create "mobile friendly" web design. This page is an html5 page and I am using what is known as media queries. There are 2 videos on the page.... a youtube embeded video, below that, is a 400x400px animation. The animation is where I have had the most problems with.
Because windows 9 and older browser versions do not support html5 video, normally there is a flash fallback that is included so older browsers or unsupported browsers can still see the content. However currently, the flash fallback is not in the page which is why the second animation will not be seen (or seen incorectly) by IE.
When I had the flash fallback included, the animation could not be played by an Ipad 2 or 3. I also had problems with a nook tablet. So I removed the flash fallback to see if that is the problem. Currently there are h.264, webem, and ogg formats included for the animation.
This is the link
Green to Gold Ministries
I am specifically looking for some help from anyone with an Ipad2 or 3. I would also welcome anyone with any kind of mobile/tablet device to test it. The navigation bar links have not been set up... I'm just interested in knowing the following:
1) Can you play the 2nd animation on your device? (its about 15 sec long)
2) does the webpage show up on the mobile/tablet device without the need to be scrolling left and right?
If you can just let me know what device you used that would be great, any help would be appreciated...thanks Carl