网页上嵌入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对象里,页面上的代码基本上都差不多。


你可能感兴趣的:(Flash)