JS Web video playback: vcastr22, FlowPlayer, Jwplayer

Instance structure:

Example 1:demo.html

<embed src= "vcastr22.swf?vcastr_file=. /wujiandao.flv "allowfullscreen=" true "quality=" High "type=" Application/x-shockwave-flash "width=" 640 "height=" 320 " ></embed>

Example 2:demo.html

<script type= "Text/javascript" src= "flowplayer/flowplayer.min.js" ></script><a style= "Display:block ; width:640px;height:320px "id=" Player "></a> <script>flowplayer (" Player "," flowplayer/                                  Flowplayer.swf ", {//player is the ID name in HTML----> Modify 1 Clip: {autoplay:false,                                       Whether to play autobuffering:true automatically,//whether to display the screen before playing BaseUrl: " Base address, such as http://www.meishichina.com/}, Playlist: ['..                                     /wujiandao.flv ',//file path----> Modify 2//' 9483.mp4 ',        Next file ...                                {//url: "/media/empire.mp3",//non-FLV file//duration:25             Duration}], plugins: {controls: {URL: ' flowplayer/flowplayer.controls.swf ',//player file      Playlist:true,//whether playlist is supported      BackgroundColor: ' #373737 ',//Background color ToolTips of the playback interface: {buttons:true,    Full Screen button fullscreen: ' Full Screen '//full screen button floating hint text}}       }, Onfinish:function () {//alert ("Click Player to start video again"); Pop-up hint text after playing}});</script><!--The second method: The simplest way to use, you do not need to set parameters. <script type= "Text/javascript" src= "flv/ Flowplayer.min.js "></script><a id=" player "href= ' flv/wujiandao.flv ' style=" display:block;width:640px; height:320px "></a><script>flowplayer (" Player "," flv/flowplayer.swf ") </script>-->

Example 3:demo.html

<script type= "Text/javascript" src= "jwplayer/jwplayer.js" ></script><div id= "MyElement" >Loading The Player...</div><script type= "Text/javascript" > Jwplayer ("myelement"). Setup ({file: "). /wujiandao.flv ", Width: ' 640 ', Height: '" "," Image: ",//skin: ' Stormtrooper.zip '}); &lt ;/script><!--++++++++++++++++++++++++++++++++++++++++ supports playback of audio format files <script type= "Text/javascript" src= " Jwplayer/jwplayer.js "></script><div id=" myelement ">loading the Player...</div><script type = "Text/javascript" > Jwplayer ("myelement"). Setup ({file: '/music/audio.mp3 ', ControlBar: ' Bottom '}) ; </script>++++++++++++++++++++++++++++++++++++++++ Support Playlist <script type= "Text/javascript" src= "jwplayer/    Jwplayer.js "></script><div id=" container "></div><script type=" Text/javascript "> Jwplayer ("container"). Setup ({' Flashplayer ': ' jwplayer.swf ', ' playlist '): [{' file ': '/videos/video1.mp4 ', ' image ': '/thumbs/video1.jpg ', ' title ': ' The first VI Deo '},{' file ': '/videos/video2.mp4 ', ' image ': '/thumbs/video2.jpg ', ' title ': ' The second video '}], repeat: ' List '}), </script>++++++++++++++++++++++++++++++++++++++++ support Play location < Script type= "Text/javascript" src= "jwplayer/jwplayer.js" ></script><div id= "container" ></div> <script type= "Text/javascript" > Jwplayer ("Container"). Setup ({file: "/videos/sintel.mp4", Flashplayer: "/JWPL Ayer/player.swf ", height:306, width:720});</script><ul> <li><a href=" # "onclick=" Jwplayer "( ). Seek (0); " >one</a> (00:00) </li> <li><a href= "#" onclick= "Jwplayer (). Seek (106);" >two</a> (01:46) </li></ul>-->

;

JS Web video playback: vcastr22, FlowPlayer, Jwplayer