Issues with html5 video and respond.js
Hi I am new to this and am testing a site that includes html5 video with Flash fallback on the front page. It renders great in FF and other standards - compliant browsers, but when testing in IE 6-9 it only renders part of the page - even though I can click on the IE button and see all the page source, including the html that doesn't render. Other pages (without video) render completely. Any idea why things hang on the video??
Also, even though respond.js is called in the header, IE 6-8 don't seem to recognize media queries - which is exactly what respond.js is for. I know that respond.js makes an ajax call to grab the original css (IE strips out media queries on the first load) and re-insert them after the respond.js polyfill adds in media query capability. I know that javascript is working - I also call modernizr and the correct IE classes ARE added to the html tag so that I can target IE with the right classes.
Delicious
Digg
StumbleUpon
Propeller
Reddit
Magnoliacom
Facebook
Google
Yahoo
Well, the docs say to simply load the script (which is what that page does), and I see it in my source via firebug. With the script loaded, IE6-8 should be able to recognize media queries in CSS, and Firefox is responding correctly to my styles for different width devices, so I don't think the problem is in the CSS.
I used this page to check http://chrisjacob.github.com/Respond/
And with screenshots it looked like it was working ok. I would look at that example page to see how they are using respond.js
Thanks!