Hi I have a video currently HD, mp4 that would like to add to my website using FW6 and Backdraft 1.5… needs to be responsive - whats the best way to get this up and running on the website? And be IE friendly?
Would it actually not play at all? Mobile Safari does have the habit of hijacking stuff like videos and applying their own chrome and restrictions. BTW, really well done video!
Make sure that the video is encoded in H.264 and AAC. That’s the magic combination. Also make sure that the video is not much higher than 1200 - 1600 bits per second. All of these settings are exposed in most compression software. I prefer QuickTime 7 Pro MoviePlayer for this purpose.
Walter
On Apr 29, 2014, at 6:06 PM, Justin Easthall wrote:
What software are you using to compress it, and what settings in that software? There is only one right way to do this, and a zillion ways to do it wrong, by varying degrees.
Walter
On Apr 29, 2014, at 8:10 PM, Justin Easthall wrote:
oo kinda working not proper and not on iPads very well…
Up to you, stick it in an external stylesheet if you like, wrap it in <style> and </style> and drop it before the page </head>, or even stick it in Backdraft’s CSS file. You shouldn’t need to wrap it in a breakpoint - this should apply to all sizes of devices.
Huh, apparently iOS doesn’t even download the video headers (which bear the dimension information) until you press play, so it doesn’t know the video size - which is why it is disappearing. You have to declare the height of the element in pixels. The best option would probably be to use some javascript to do the math for you and set the height of the <video> element to the right size.