- #HTML5 VIDEO PLAYER AMAZON MP4#
- #HTML5 VIDEO PLAYER AMAZON SKIN#
- #HTML5 VIDEO PLAYER AMAZON DOWNLOAD#
#HTML5 VIDEO PLAYER AMAZON DOWNLOAD#
What might be happening is the video just loads and loads and loads, waiting for the file to complete download before playing, which would make it appear that the video is never going to load at all. I am not familiar with Screenflow’s encoding settings, but I am familiar with Quicktime’s, and I know that it can have issues with this every now and then, and actually isn’t very good.įor all video encoding, I use Sorenson Squeeze (which is probably a bit of overkill for you), which does a great job and has never given me an issue.īasically what I think the issue comes down to is this: The videos are not setup to “streaming” meaning to play as they download.
#HTML5 VIDEO PLAYER AMAZON MP4#
When encoding to MP4 (which BTW, is absolutely the file format that should be used for streaming videos, along with h.264 as the codec as there is hardware decoding for that built-in to many mobile devices), there’s a ton of options available, but most of them are hidden when using basic encoding software. I’ve done more than my fair share of video encoding, and the symptom you are experiencing (spinner just spinning) sounds like the video is working fine, but isn’t encoded for streaming. I don’t know if this is a ubiquitous problem for everyone or if it’s something specific to all the various tech I’m using, but I thought I’d document it. But it’s the only thing I could get to work right now. For two, just because someone is on an iPad doesn’t mean they want lower quality. For one, I wish the original high quality files would just work. Wait until sources are appended to call MediaElements.js Using jQuery, and assuming I have some variables set with URL’s to video sources: var mainVideo = $('#the-video') First I test the screen width to see if it’s a fairly small screen (testing for 1200px here, the iPad reports 1024px). I needed something that is going to work right now, so I decided to just inject sources dynamically into the video. But sadly, not the iPad (I tested it.) It’s also at risk of being removed. This is awesome, and apparently supported by Chrome and Safari. (Really makes the element make sense, eh?) I just recently learned that you can use media attributes on the video element, like: But I didn’t want to penalize everybody with lower quality video. mp4 format, which is a bit smaller resolution thus smaller file sizes. So, I went back and re-exported all the videos I have posted so far in “iPod”. I have one that was 75MB that would play and one that was 99MB that would not play. The only thing I could figure out was file size. Some videos would play and some wouldn’t.
#HTML5 VIDEO PLAYER AMAZON SKIN#
I’m just using MediaElements.js as a nicer skin for the player. I’m actually using MediaElements.js here (there is no spinner on native UI’s that I know of) but the root of playing the video is still just native HTML5 video (in supported browsers). The exact behavior was the spinner just spinning and spinning and spinning.
In some quick testing, the videos played on the iPad too, yay!īut then reports kept rolling in of people trying to watch certain videos on the iPad and it failing.
Although I’m not sure exactly how much that helps since the videos are on S3. htaccess file so that video gets served as the correct content type. The quality was good and they continued to work on desktop WebKit browsers through HTML5 video.įor the record, I’m also doing: AddType video/mp4 mp4įrom my root. That’s fine I thought, I’ll just choose “iPad”. mp4, but only in preset settings like “iPhone” or “iPad” or “Apple TV”. From a Mac, you an export from Quicktime (and thus Screenflow) as.
mov files.Īpparently that’s not great for iPad, it’s better to be in. I have been exporting them from Screenflow at as high of quality as I possibly could, giving me H.264. I’m literally using HTML5 to display the videos and hosting them on Amazon S3 (so they can be protected). Ugh, crap, these are paying customers and they should be able to watch these things on a modern device. Right after The Lodge opened up around here, I started getting reports right away about some videos not playing on the iPad.