1. Download FlowPlayer player, address: http://flowplayer.org/download/index.html.
2. Download the installation package after decompression can find the following key files:
FLOWPLAYER-3.2.7.SWF: Flash file for player body
FLOWPLAYER.CONTROLS-3.2.5.SWF: Control bar file, an optional plugin
Flowplayer-3.2.6.min.js: The player's API file, also used to load the entire player
3. API script file flowplayer-3.1.1.min.js that introduces the player before the page calls the player, as follows:
<script src= "Path/to/the/flowplayer-3.1.1.min.js" ></script>
4. Through a link (<a> tag) to the link to the video file, and set the video file long width, you should assign it an ID. The location of the link is the location of the video display. As follows:
<a href= "/hygg/resources/flash/a.flv" id= "Player" ></a>
5. The calling API loads the player for the link location that was set up in the previous step, as follows:
FlowPlayer ("Player", "path/to/the/flowplayer-3.1.1.swf");
The first parameter in the code above is the link ID set in the previous step, and the second parameter is the Flash file path of the player body. When you load the player with the FlowPlayer () method, you can specify a very many parameters to configure or personalize your player. Common examples are:
<script>flowplayer ("Player", "/hygg/resources/flash/flowplayer-3.2.7.swf", {
clip:{
autoplay:false,//whether to play automatically, default True
autobuffering:true//if video is automatically buffered, default True
}
});
</script>
Reference: http://css9.net/t/38/
Website reference: http://flowplayer.org/documentation/configuration/