Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Ricardo Diaz
30,415 PointsMaking Flash Videos HTML5 Ready
I have a side project at work and I wanted to know if it was even possible to do this. But is there a way to convert flash videos into vids that can be viewed on mobile devices and on a website using HTML5?
9 Answers
Andrew Chalkley
Treehouse Guest TeacherAre your flash videos being served up in FLV?
I'm using Miro Video Convertor to prepare all types of videos I need (you should install a codec package if you have videos in not so popular encodings) and to use them in websites, I use VideoJS.
This are open source projects and I never had an issue with them.
Ricardo Diaz
30,415 PointsI have the FLV files. Madalin is their any draw back to using that? The files I will be using is for commercial use so they need to be perfect.
Joe Hirst
Courses Plus Student 6,489 PointsDo the video files have to be .FLV?
If not, I would suggest converting them to MPG4 (or other) and use recent video markup in HTML5.
Only issue is that IE won't support your video in MPG4 so you will have to have another version to load on fail for cross browser compatibility.
I've not played with video in HTML5 much, however I know there are some issues...
If "perfect" for your client means that they need to work on most devices, then you must make sure you provide all versions of video needed.
mp4, ogg, webm and implement them how it should be done. I recommended the VideoJS library because it does a good job to put them, and it's pretty easy to create a custom theme for the player (more work on flash version, for html5 it's pretty easy, css most of it).
https://github.com/zencoder/video-js/blob/master/docs/setup.md if you check out, the library uses the standard html5 implementation for videos.
miro converter makes a great job for preparing videos in the needed formats.
Andrew Chalkley
Treehouse Guest TeacherI know ffmpeg converts .FLV to a wide variety of projects.
Sublime Video - (http://sublimevideo.net/) is a nice player.
go with miro for conversion. it has already the needed setup for all needed file formats and just work.
http://www.mirovideoconverter.com/
(even from flv).
if you go only html5, no flash, then don't use any "html5 player" as only you need to proper put the video tag and it will just work, on all devices (I tested this on android and works out of the box).
Ricardo Diaz
30,415 PointsThe client wants it to play on IE8+ then on other modern browsers. They have visitors that come to their site using IE around 75,000+ so it has to work for them. Thats why they have flash now. But now they face people coming in from mobile devices and its not working with them.
They have had lots of offers to have this work done for them but they bids where too much to justify the conversion. I would say they have under 500 videos that are flash.Most are just 2 min videos. So I need to present them with an effective method of converting all these videos at the lowest price.
Big thanks for everyone who has helped. I will look into all of this but if you happen to think of anything else let me know. Even experiences any of you have had doing this type of work.
for me, a 2 mins HD video takes < 1 min to convert. all 3 versions about 3 minutes. the software I recomended accepts more files at once, so you should get this pretty fast. (I have an i3 3rd generation and a friend on a i7 3rd generation gets the conversion about 4 times faster, so all your files would be converted in a few hours on a good machine).