网页上嵌入Flash播放器(2)
接着上一篇博客,下面介绍另一种flash播放器的嵌入,这个是公司内部用的的一款flash播放器,支持的格式比较多,还能支持swf格式的视频播放。
下面是页面嵌入代码:
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/flash/history/history.css" /> <script type="text/javascript" src="<%=request.getContextPath()%>/flash/history/history.js"></script> <script type="text/javascript" src="<%=request.getContextPath()%>/flash/swfobject.js"></script> <script type="text/javascript"> // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. var swfVersionStr = "11.1.0"; // To use express install, set to playerProductInstall.swf, otherwise the empty string. var xiSwfUrlStr = "playerProductInstall.swf"; var flashvars = {}; //资源前置路径,为要加载flash的路径,例如:http://demo.com/assets/flash/ var assetPath = "<%=request.getContextPath()%>/flash/";//配置资源路径 flashvars.url='<c:out value="${generateSwfUrl}"/>';//视频播放路径,可以动态赋值 flashvars.duration=${duration};//视频时长,可以动态赋值 var params = {}; params.quality = "high"; params.bgcolor = "#000000"; params.allowscriptaccess = "sameDomain"; params.allowfullscreen = "true"; params.wmode= "transparent"; var attributes = {}; attributes.id = "VideoPreviewer"; attributes.name = "VideoPreviewer"; attributes.align = "middle"; //防缓存 var d = new Date(); flashvars.time = d.getTime(); var preloaderUrl = assetPath + "VideoPreviewer.swf" + "?time=" + flashvars.time;//preloader.swf swfobject.embedSWF( preloaderUrl, "flashContent", "380", "290", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes); // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. swfobject.createCSS("#flashContent", "display:block;text-align:left;"); </script> <div class="publish_video"> <center style="position: relative; top:0px; left:0px; margin:0px; padding:0px; background:#000000; overflow: hidden; "> <div id="flashContent" style="position: relative; top:0px; left:0px; margin:0px; padding:0px;"> <p>To view this page ensure that Adobe Flash Player version 11.1.0 or greater is installed.</p> <script type="text/javascript"> var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); </script> </div> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="390px" height="390px" id="VideoPreviewer"> <param name="movie" value="VideoPreviewer.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="VideoPreviewer.swf" width="370px" height="277px"> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" /> <!--<![endif]--> <!--[if gte IE 6]>--> <p> Either scripts and active content are not permitted to run or Adobe Flash Player version 11.1.0 or greater is not installed. </p> <!--<![endif]--> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </noscript> </center> </div>备注:这只是页面的嵌入代码,他还需要一些资源文件,我将需要的所有资源文件作为demo放在文件夹里打包上传到空间里了。
下载地址:http://download.csdn.net/detail/smszhuang168/7689225
总结:flash的嵌入方式其实都差不多,无非就是用js动态传入一些参数而已,主要的代码在flash对象里,页面上的代码基本上都差不多。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。