HTML5 Video, CSS Animations, and jQTouch

The HTML5 Video tag, CSS3 Animations, and jQTouch are all beautiful things. Unfortunately, they look like crap when combined. Follow along as I show you how to make these three technologies play nicely together.

Cheers!
j

--
Mobile & Web Applications
http://jonathanstark.com

Buy my new iPhone book:
http://oreilly.com/catalog/9780596805791

Category:

Science & Technology

Tags:

• html5
• video
• css
• animation
• jqtouch

[arritjenof]

what you're calling placeholder graphics are in fact (already) the movieplayer objects, which is the actual source of the problem.

[jonathanstark]

@arritjenof Not sure I follow you. Can you elaborate?

[t1mmy13]

Good job!

What program are you using to upload to your server when you push cmd+s ?

[jonathanstark]

@t1mmy13 I'm using the Transmit FTP client from Panic. You can also use CyberDuck which is free, but sometimes buggy. Both apps integrate with TextMate.

[imegatrone]

Good, I like that you share this video, I wish success always The HTML5 Video tag, CSS3 Animations, and jQTouch are all beautiful things. Unfortunately, they look like crap when combined.

[bundawartini]

Your Video Is Very Useful Sharing Video tag, CSS3 Animations, and jQTouch are all beautiful things. Unfortunately, they look like crap when combined

[wkriski]

the right arrows didn't show up for me. I had to disable line 399 in the themes/jqt/theme.css file

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e1f21),

to(#272729));

[t1mmy13]

Cool thanx! I had a problem with that as a web developer. I used Notepad++ on windows, but now im totally over to mac ;)

[alexeivideo]

Thank you !!! I'm searching a solution for this problem !!!!!!