我在设计在线文库中的一些小记(在线文库系列四之在线播放 完结版)

在线文库系列四之在线播放 完结版

1、引用flexpaper播放器。

    将flexpaper播放器原文件引入到你的项目中,其实就是一个swf,做为一个容器,我们对他过进行了封闭(这种封闭我称为自定义封闭,用我的图标,我的主页地址,但并非实质性的改变,在此向一位高手致敬,她技术很出色),将as与样式都封装到了这个swf中。我会中附件中公布这个swf。

    (oh,my God,博客园不支持上传附件吗???或者是我没找到呢?如果您想要的话,给我发邮件吧!我发给您:mbailing@163.com)

2、配置播放页面。

 <script language="JavaScript" type="text/javascript">
                    var swf_width = 750; //宽度
                    var swf_height = 600; //高度
                    var FileTitle = $("[DataField='TxtFileTitle']").val(); //这个是你要装载的swf文件的标题
                    var BaseUrl = "http://www.cnblogs.com/mbailing/";
                    var FileName = $("[DataField='TxtFileName']").val(); //这个是你要装载的swf文件的路径
                   
                    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=10,0,0,0" width="' + swf_width + '" height="' + swf_height + '">');
                    document.write('<param name="movie" value="FlexPaper/paperviewer.swf">');
                    document.write('<param name="quality" value="high"><param name="wmode" value="opaque">');
                    document.write('<param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always">');
                    document.write('<param name="FlashVars" value="FileTitle=' + FileTitle + '&FileName=' + FileName + '&BaseUrl=' + BaseUrl + '">');
                    document.write('<embed wmode="transparent" src="FlexPaper/paperviewer.swf" FlashVars="FileTitle=' + FileTitle + '&FileName=' + FileName + '&BaseUrl=' + BaseUrl + '" quality="high" width="' + swf_width + '" height="' + swf_height + '" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
                    document.write('</object>');
                </script>

3、加载swf内容。

    至于要装载的swf内容,自己找去。

   

    可能您一进来看不大明白,想明白的话,您应该看完整个系列的文章。

    言简意赅的就写在这里吧! 大家好,我是百灵!天天好心情!

 

百灵注:本文版权由百灵和博客园共同所有,转载请注明出处。
助人等于自助!  mbailing@163.com
posted @ 2011-04-19 17:58  jerry-Tom  阅读(2160)  评论(5编辑  收藏  举报