HTML5 Video Player

1,366 views
1,289 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,366
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML5 Video Player

  1. 1. HTML5 Video Player 2011-07-28 Interactive Designer Flash & Flex Developer iOS Developer Web Developer
  2. 2. HTML5 Video Player 2011-07-28 HTML5
  3. 3. HTML5 Video Player 2011-07-28 HTML5 Flash(swf) + .flv
  4. 4. HTML5 Video Player 2011-07-28 HTML5 Flash(swf) + .flv
  5. 5. HTML5 Video Player 2011-07-28 HTML5<video> h.264 Wikipedia : http://ja.wikipedia.org/wiki/H.264 WebM http://www.webmproject.org/ Mozilla(Firefox) Ogg
  6. 6. HTML5 Video Player 2011-07-28 h.264 IE9+ WebM IE9+ Chrome h.264 IE6~IE8 <video>
  7. 7. HTML5 Video Player 2011-07-28 IE6~IE8
  8. 8. HTML5 Video Player 2011-07-28 IE6~IE8 Flash(swf)
  9. 9. HTML5 Video Player 2011-07-28 HTML5 <video> <object> Javascript + Flash Video Player
  10. 10. HTML5 Video Player 2011-07-28 HTML5 VideoJS http://videojs.com/ MediaElement http://mediaelementjs.com/ LeanBack Player http://dev.mennerich.name/showroom/html5_video/ ...etc
  11. 11. HTML5 Video Player 2011-07-28 via : MedeaElement.js http://mediaelementjs.com/
  12. 12. HTML5 Video Player 2011-07-28
  13. 13. HTML5 Video Player 2011-07-28 HTML5 DEMO
  14. 14. HTML5 Video Player 2011-07-28 HTML5 Flash Video Player VideoJS : flowplayer http://flowplayer.org/ MediaElement : original LeanBack : jwplayer http://www.longtailvideo.com/players/jw-flv-player/
  15. 15. HTML5 Video Player 2011-07-28 HTML5Flash Video Player
  16. 16. HTML5 Video Player 2011-07-28 HTML5 Flash Video Player
  17. 17. HTML5 Video Player 2011-07-28 HTML5 IE6~IE8
  18. 18. HTML5 Video Player 2011-07-28Video for Everybody!http://camendesign.com/code/video_for_everybody
  19. 19. HTML5 Video Player 2011-07-28 @taikiken

×