HTML5 - RESPONSIVE - ACCESSIBLE

User 1964159 Photo


Registered User
156 posts

Hello, I just wanted to take time to say that I have just uploaded my first HTML5?CSS3 website, and to pass on a few snippets I picked up on the way. It's not the "prettiest" site in the world, but is is responsive for mobile devices (iPad/iPhone and stuff and is is accessible. Accessibility is a big thing with me because I have poor eyesight and my partner is totally blind - that's her guide dog over on the left. http://www.ajswebdesign.com contains an HTML5 video, which has given me some problems en-route. Friends at CC linked me to "Easy HTML5 Video, which I found troublesome, as it insisted on creating an M4V file instead of MP4 which seemed to be a problem.
I found the following helpful links on my journey:
handbrake.com - crates MP4 video from most formats
http://firefogg.org which is a plugin for Firefox and you can create the other two (ogg and webm) video formats.
You may want a fall-back to flash for older browser users and I used:
http://www.osmf.org/configurator/fmp, which generates the JS markup needed.
I have always found you guys very helpful and so I hope that anyone planning to use HTML5 video in a project, will find a use for at least some of this info.
All the best
Tony
User 122279 Photo


Senior Advisor
14,610 posts
Online Now

That's very useful, Tony. Thanks for posting! :)

I'm sure that your hints will come in handy for some people.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,265 posts
Online Now

Thanks Tony, always good to have resources available.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.