我在设计在线文库中的一些小记(在线文库系列四之在线播放 完结版)
在线文库系列四之在线播放 完结版
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内容,自己找去。
可能您一进来看不大明白,想明白的话,您应该看完整个系列的文章。
言简意赅的就写在这里吧! 大家好,我是百灵!天天好心情!