How to convert flash video to html5?
November 11, 2015 11:59 AM Subscribe
I need help switching our web videos from Flash only to html5 friendly.
We offer online classes that I set up as Flash videos. Now that everyone uses iPads, I'd like to switch these videos over to ones that will work without Flash. I have written the html so that the Flash should come up as a last resort (as found here at Webmonkey). I've been having two problems.
The first is that both Flash and the html5 compliant video are both showing up on the page. The Flash was originally set up to play on its own and no matter what I do, it always shows up. So I thought I would just use a flash player.
This leads to the second problem… finding a free flash player. I've tried JWPlayer, Flowplayer, VideoJS and a few others but I'm not having luck in either understanding how to get it to work or finding an option where they don't host my videos for a fee (I want to host them myself).
Sorry if this is confusing; this is not my area of expertise. I'm just looking for some fresh ideas/education that can keep me occupied and not pulling out my hair.
We offer online classes that I set up as Flash videos. Now that everyone uses iPads, I'd like to switch these videos over to ones that will work without Flash. I have written the html so that the Flash should come up as a last resort (as found here at Webmonkey). I've been having two problems.
The first is that both Flash and the html5 compliant video are both showing up on the page. The Flash was originally set up to play on its own and no matter what I do, it always shows up. So I thought I would just use a flash player.
This leads to the second problem… finding a free flash player. I've tried JWPlayer, Flowplayer, VideoJS and a few others but I'm not having luck in either understanding how to get it to work or finding an option where they don't host my videos for a fee (I want to host them myself).
Sorry if this is confusing; this is not my area of expertise. I'm just looking for some fresh ideas/education that can keep me occupied and not pulling out my hair.
That Webmonkey article was written in 2010, and is a bit out of date. You don't really need ogg, swf, or webm files anymore, because all modern browsers (IE9, IE10, IE11, Firefox, Chrome, Safari, iOS Safari, Android 4.4 Stock Browser, Blackberry’s browser, Opera Mobile, Chrome for Android, Firefox for Android and Internet Explorer Mobile 10) will play a h.264 encoded MP4, and all the old browsers just need a flash player to play the MP4. Here is an article or skip right to the github project that includes a free flash player for rolling your own html5 video with flash fallback.
posted by 2ghouls at 9:08 PM on November 11, 2015
posted by 2ghouls at 9:08 PM on November 11, 2015
Why not just upload the videos to YouTube and embed them on your page? That would be simplest and most effective, I think. YouTube will take care of everything for you.
posted by christopherious at 3:50 PM on November 12, 2015
posted by christopherious at 3:50 PM on November 12, 2015
« Older How to add some very dim lighting to see stairs at... | Excel autopopulating columns from a list Newer »
This thread is closed to new comments.
Also this article might help.It's similar to the webmonkey one but has a lot of more details, which could help you troubleshoot.
There is also this online tool to get your the right code for HTML&Flash (in the form of flowplayer).
Other than that I might need more information. E.g.: Which browser is affected? Can you show or provide some source code or even an exemplary html-file online (you can message me here). I assume that you already have a swf and the HTML5 video-files (ogg, webm, mp4)? They are hosted on your server?
posted by KMB at 12:58 PM on November 11, 2015 [1 favorite]