首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-05-16 
介绍:国外开源FLV文件视频播放解决方案 .最近网站的视频播放总是出问题,最后发现是我的Flvplayer.swf文件

介绍:国外开源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>

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

[解决办法]
不错呀!支持一哈

热点排行
Bad Request.