i'm new to all this and learning wp, html5, videojs, etc via lots of lynda.com tutorials and wp.org reading, for my blog/animation archive.
i'm new to coding too, so i'm seeing if i can get by with just this short code from the wp/videojs page (no webm or ogg versions):
[video mp4="http://charliecanfield.com/wp/wp-content/uploads/2012/09/xoom1_fnl.mp4" poster="http://charliecanfield.com/wp/wp-content/uploads/2012/09/xoom1_fnl_poster.1.jpg" preload="auto" autoplay="false" width="640" height="360" id="movie-id" class="alignleft" controls="false"][/video]
i'm building the blog via safari, and checking firefox and chrome, and i notice the poster frames i generate from the videos (copying and pasting from quicktime to png or jpg) are smaller than the video underneath by maybe 10%.
anyone have a clue?
here's a link to the blog page i'm currently testing:
also noticing the second of 2 videos isn't showing in firefox, but the 1st is fine, so any clues about that would also be appreciated...
if this has any bearing- the only other thing code-wise i've done based on the tutorials is to drop this code into the wp .htaccess file (even tho' i probably won't use the webm and ogg):
AddType video/mp4 mp4 m4v
AddType audio/mp4 m4a
AddType video/ogg ogv
AddType audio/ogg ogg oga
AddType video/webm webm