Create an animated looping scene as a background to a webpage with a similar effect to Rift: http://www.riftgame.com/en/ or Diablo3: http://us.blizzard.com/diablo3/.
Goal:
Find an alternative to flash
Idea:
Use HTML5's video tag along with the loop parameter to display the background. Video tag works wonderfully with z-index so it isn't a problem except...
Problem:
Firefox doesn't support the loop parameter
- Code: Select all
<video loop="loop>
Solutions?:
- 1) Make people download a firefox plugin to allow looping. Never in my right mind!
2) Use browser detect scripts and disable video tag just for firefox just to display flash, then fallback to static image.
3) Use flash with fallback to static image
Call for help:
Does anybody have any ideas to make this happen without resorting to flash? Maybe embedding a movie into <canvas>? or something? If there isn't a solution I am fine doing flash, but just wanted to try something plugin independent. Any comments on this would be very insightful. Thanks.
