介绍：国外开源FLV文件视频播放解决方案 .解决方法-HTML教程-爱易网页

介绍：国外开源FLV文件视频播放解决方案 .解决方法

日期：2014-05-17　浏览次数：20616 次

介绍：国外开源FLV文件视频播放解决方案 .
最近网站的视频播放总是出问题，最后发现是我的Flvplayer.swf文件有问题，可能太老了，有些flv播放不出来。又没找到最新版本的该文件，所以最后找了个国外的一个开源的软件来弄，最后做好了，现在奉献出来。希望大家都能用上，不明白的告诉我下。
1.先去这里下载最新的播放软件：http://flowplayer.org/download/index.html
　注意下载最左边那个，点击那个Download now按钮就可下载了。这个是免费的，缺点是可能会出现flowplayer的图标，其实一般是看不出来的了，所以没关系的。收费的1个域名的95美元，大家有钱还是要支持下哦，哈哈。
　我这里下载好了最新的文件。
2.解压下载下来的文件。
　把example目录下的flowplayer-3.2.4.min.js，以及flowplayer-3.2.4.swf，flowplayer.controls-3.2.2.swf拷贝到你网站某个文件夹下，比如你网站根目录下/script/
3.在你的视频播放文件的<head> </head>之间插入上面的脚本文件

HTML code

   <script src="/script/flowplayer-3.2.4.min.js" type="text/javascript"></script>

4.制作一个自己的CSS文件，当然你的页面可能本来就有，那么把下面的代码加到那文件末尾即可。

HTML code

      .link_vertical1 {DISPLAY: block;MARGIN-TOP: 10px; MARGIN-LEFT: 0px; WIDTH: 130px; TEXT-ALIGN: center; } 
      .video_outer_div {width:520px; height:385px; background:#999999; border:#999999;} 
      .video_inner_div {width:500; height:375px; margin-bottom:0px; margin-left:10; margin-right:10; margin-top:10;background:#000000; border:#000000;text-align:center;} 
      .video_bottom_div {width:520px; height:12px; background:#999999;text-align:center; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; font-size:16px; font:Arial; color:#FFFFFF;}
      .flv_textarea {display:none;}

5.把下面的代码嵌入到你想放视频的地方

HTML code

<center> <div  class="video_outer_div"> 
<div id="flash-player-p" class="video_inner_div"> </div> 
<div  class="video_bottom_div"><a href="http://www.xsborts.com/" >www.xsborts.com</a></div> </div> 
<textarea id="flash-address-t"  class="flv_txtarea"> 
这里里放入上传好的flv文件地址，前后最好不要有换行 </textarea></center> <script> 
String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, "");} 
var txtHtml="<a  href='"+document.getElementById("flash-address-t").value.trim()+"' "; 
txtHtml+="style='display:block;width:500px;height:375px'  id='myplayer'></a>" 
document.getElementById("flash-player-p").innerHTML=txtHtml; 
 flowplayer("myplayer","/script/flowplayer-3.2.4.swf"); </script>

好了，你自己试试吧！当然你可以设计出更好的播放界面与体验！

------解决方案--------------------
不错呀！支持一哈

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

介绍：国外开源FLV文件视频播放解决方案 .解决方法

相关资料更多>

推荐阅读更多>