網頁上嵌入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對象裏,頁面上的代碼基本上都差不多。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章