FLV to HTML5
Flash FLV* is a very popular video type. Flash Video is viewable on most operating systems via the Adobe Flash Player, web browser plugin or third-party programs. Apple’s iOS devices do not support the Flash Player plugin. What’s worse, the Flash FLV video is not a native HTML5 video**, thus the FLV videos are not playable on HTML5 browsers. With the HTML5 and its video tag becoming a hot new standard, it seemed like a perfect time to jump aboard. If want to play FLV files on a HTML5 website or browser, you need to convert Flash FLV video to html5 formats first, then embed them into your webpage with an FLV HTML5 player.
How to Convert Flash FLV to HTML5 Video?
Step 1. Download Flash to HTML5 Video Converter.
The only software you need is HTML5 video converter. Both Windows and Mac versions are now ready to download. You can download it from bellow page:
Step 2. Add Flash FLV video(s) to the HTML5 converter
Simply click Add Videos button to import Flash video files from your computer hard disc to the application. This HTML5 converter supports batch video conversion, you can add multiple Flash FLV videos to the converter and convert them into HTML5 videos in a batch mode.
Step 3. Select a player for your HTML5 videos
Click Theme tab, you will be able to choose a video player from many of the ready-made HTML5 video themes and templates. Optionally you can also set your video size, player size, and player skin here.
Step 4. Preview videos in Player and convert Flash FLV video files to HTML5
Click the Preview button to view your FLV videos in HTML5 player, click the Publish button to convert the source Flash videos to HTML 5 videos with the nice looking web video player.
Now you have converted Flash to HTML5 video, additionally you get the professional HTML5 player as well. They can be found from the output folder of this FLV to HTML5 converter software. It is time for us to publish the HTML5 video online now.
How to Add FLV to HTML5 website?
In the first half of this FLV to HTML 5 tutorial, we showed you the steps to convert FLV to HTML 5, now please follow bellow steps to embed the HTML 5 videos into your website.
1. Upload the HTML5 videos from local computer to remote server
The HTML 5 videos and player will be published to your local hard disc first. Run the FLV to HTML5 converter, go to HTML5 menu >> Open Output Folder, find the HTML 5 video project we have just created and upload them to your website directory through FTP client.
2. Copy HTML5 video embed code snippets and Paste to your Web page.
From the output folder, there will be a html5video.html created with each html 5 video project published. Use a text/page editor to open the generated ‘html5video.html’ file and switch to code view. You can get the embed code for your HTML5 player there.
See details here: HTML5 Video Player Support – To embed HTML5 video to your webpage.
3. Publish your webpage and play the HTML5 videos online
Now you know how to easily convert Flash videos to HTML5 and publish them to your website with HTML5 video player(s). Have Fun!
*FLV: Flash Video is a container file format used to deliver video over the Internet using Adobe Flash Player. Flash Video content may also be embedded within SWF files. The audio and video data within FLV files are encoded in the same manner as they are within SWF files.
**HTML5 video: Refers to native HTML5 video/codec: MP4 (MPEG 4 files with H264 video codec and AAC audio codec); WebM files with VP8 video codec and Vorbis audio codec; Ogg files with Theora video codec and Vorbis audio codec.