Video Now! a comprehensive guide to video on your website
•
1 like•1,334 views
Today videos are on almost every website. With Flash and the FLV-Player embeding them had been a nobrainer. But things have changed, there is HTML5 now all over the place and mobile devices give us new challenges. This talk will show you what to consider when it comes to bringing videos to the web which should work with any browser on any device on any bandwith.
Recommended
More Related Content
More from Bokowsky + Laymann GmbH
More from Bokowsky + Laymann GmbH (20)
Recently uploaded
Recently uploaded (20)
Video Now! a comprehensive guide to video on your website
- 1. Video Now! © WavebreakMediaMicro - Fotolia.com A comprehensive guide to video on your website CFCamp, Germering, 14. Oktober 2013
- 2. Make or Buy?
- 4. Encoding
- 5. Encoding • • • • • Which browser? What encodings? Which resolutions? What bitrate? How to transcode? Questions to ask
- 6. Encoding
- 7. Encoding + Ogg + Ogg FLV, MP4 Grafic: encoding.com
- 9. Formats What does YouTube do? Quelle: Wikipedia.com
- 13. Encoding + good quality + flexible -- very time consuming - can‘t automate -- does not scale zu Fuß
- 17. Encoding + good quality + fast + batch processable + Row data stay in house (on the continent) - requires maintainance - expensive for small volumes - scales badly automated, in House
- 21. Encoding + easy + cheap at small volumes + scales quite good + no need for maintainance - row data leaves home - slow - limited in functionality Cloud based
- 23. Presentation
- 24. Presentation • • HTML5 or Flash? Which player? Questions to ask
- 26. Presentation HTML5 video browser support Source: CanIUse.com
- 27. Presentation Grafic: Longtail Video HTML5 video browser support
- 28. Presentation Flash Player What does YouTube do? HTML5 native Source: Wikipedia.com
- 33. Distribution
- 34. Distribution • • Progressive loading vs streaming? Streaming-Server vs Adaptive bitrate streaming? Questions to ask
- 39. Distribution + consumes less bandwith, might be an option for high traffic sites + works with almost any client (Set-top boxes, old computers etc.) + easy skipping ++ out of the box bandwith detection -- massive problems with firewalls - problematic in combination with CDNs Streaming server
- 40. But do we really need that anymore?
- 41. HLS
- 42. Distribution HTTP Live Streaming (HLS) Grafic: encoding.com
- 43. Distribution HTTP Live Streaming (HLS) Grafic: encoding.com
- 44. Distribution + runs via http, needs just a webserver + works great with firewalls + can handle CDNs + build in bandwith detection - runs natively only on iOS and MacOS + with some help from JWPlayer it runs on almost every browsern - a nightmare on Android HLS (HTTP Live Streaming)
- 46. Distribution HTTP Dynamic Streaming (HDS) Grafic: encoding.com
- 53. ColdFuson & HTML5 video • <cfmediaplayer> tag supports HTML5 video since CF10 • Player is based on OSMF • Does not support multiple resolutions • Does support HDS, does not support HLS
- 54. Conclusion • provide mp4 and webm files (ignore flv and ogg) • provide them in 240p, 360p, 480p, 720p and 1080p • use HLS for iOS Devices • favour HTML5 video over Flash • provide Flash Fallback for IE8 • consider using JWPlayer instead of <cfmediaplayer> My Recommendations
- 55. This slides and much more at: www.bokowsky.net/de/knowledge-base/
- 56. Come and see us Club Mate and fritz-kola for free
- 57. Thank You! Markus Bokowsky markus@bokowsky.de @MarkusBokowsky also on Facebook, Google+, Foursquare, LinkedIn, Lanyrd, Pinterest, etc. Bokowsky + Laymann GmbH www.bokowsky.com @BokowskyLaymann also on Facebook, Slideshare, YouTube, Flickr BTW:We are hiring. Looking for ColdFusion and Java Devs jobs@bokowsky.de or contact us in a social network of your choice