Change History
Message: Flash兼容之語法(IE/Firefox/Chrome)：以中華民國海軍首頁為例
Changed By: HP
Change Date: August 03, 2011 02:53PM
Flash兼容之語法(IE/Firefox/Chrome)：以中華民國海軍首頁為例
Change Date: August 03, 2011 02:53PM
Flash兼容之語法(IE/Firefox/Chrome)：以中華民國海軍首頁為例
相容性問題說明：http://mepopedia.com/forum/read.php?804,15128,15191#msg-15191
首先，此頁IE之外瀏覽器不相容之處主要是 Flash 動畫只能在 IE 正常呈現，在Firefox、Chrome中則無法正常呈現。
<b>為簡化說明，以下先舉出兼容 IE、Firefox、Chrome 等主流瀏覽器之 Flash 語法。</b>之後再針對「中華民國海軍」此實例作相容性之實作。
簡要來說，第一段的 object 是給 IE 看的，第二段有許多特殊註解 object 是給其他瀏覽器看的。(請注意，第一行的clsdi: 後面的 d 原為大寫，但在此論壇冒號 : 後按大寫D會轉為表情符號，故改為小寫，但效果不變。)
1. 跨瀏覽器兼容之 Flash 語法
<xmp style="overflow:auto;border:solid 1px gray; padding:5px"><object id="FlashID" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000" width="寬度" height="高度">
<xmp style=""><object id="FlashID" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000" width="寬度" height="高度">
<param name="movie" value="網址/檔名.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- 此 param 標籤會提示使用 Flash Player 6.0 r65 和更新版本的使用者下載最新版本的 Flash Player。如果您不想讓使用者看到這項提示，請將其刪除。 -->
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- 下一個物件標籤僅供非 IE 瀏覽器使用。因此，請使用 IECC（IE註解）將其自 IE 隱藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="網址.swf" width="寬度" height="高度">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- 瀏覽器會為使用 Flash Player 6.0 和更早版本的使用者顯示下列替代內容。 -->
<div>
<h4>這個頁面上的內容需要較新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="取得 Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</xmp>
2. 「中華民國海軍首頁」相容性實作
Flash 部份之原始碼：
<xmp style="overflow:auto;border:solid 1px gray; padding:5px"><object height="151" width="589" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="top_pic.swf" name="movie">
<param value="high" name="quality">
<embed height="151" width="589" dth="589" =""><object height="151" width="589" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="top_pic.swf" name="movie">
<param value="high" name="quality">
<embed height="151" width="589" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="/images/flash.swf">
中華民國海軍
</object>
</xmp>
此語法為比較早期的語法，但基本上 IE 與 Firefox 都能接受。基本上 param 的部份是給 IE 看的， embed 是給 Firefox 看的。但為什麼在此例中 Firefox 還是看不到 Flash 呢？<b>這是因為「檔名」寫錯了。</b>我們可以看到 param 中的檔名是 top_pic.swf，但在 embed 中的檔名卻是 flash.swf。這個原因雖然有點笨，但也可以反應出網頁開發者在開發時往往忽略在不同瀏覽器的呈現效果。這其實簡單注意一下就可以發現了。
但要兼容各主流瀏覽器的話，還是以第一部份所舉的 Flash 語法編寫比較好。
--
另外補充一個同網站中發現的問題：
在「<a href=http://navy.mnd.gov.tw/Publish.aspx?cnid=2877&Level=2>海軍獎章</a>」中，原全部置中的網頁，在 Firefox 及 Chrome 中突然變成了置左。
首先，此頁IE之外瀏覽器不相容之處主要是 Flash 動畫只能在 IE 正常呈現，在Firefox、Chrome中則無法正常呈現。
<b>為簡化說明，以下先舉出兼容 IE、Firefox、Chrome 等主流瀏覽器之 Flash 語法。</b>之後再針對「中華民國海軍」此實例作相容性之實作。
簡要來說，第一段的 object 是給 IE 看的，第二段有許多特殊註解 object 是給其他瀏覽器看的。(請注意，第一行的clsdi: 後面的 d 原為大寫，但在此論壇冒號 : 後按大寫D會轉為表情符號，故改為小寫，但效果不變。)
1. 跨瀏覽器兼容之 Flash 語法
<xmp style="overflow:auto;border:solid 1px gray; padding:5px"><object id="FlashID" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000" width="寬度" height="高度">
<xmp style=""><object id="FlashID" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000" width="寬度" height="高度">
<param name="movie" value="網址/檔名.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- 此 param 標籤會提示使用 Flash Player 6.0 r65 和更新版本的使用者下載最新版本的 Flash Player。如果您不想讓使用者看到這項提示，請將其刪除。 -->
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- 下一個物件標籤僅供非 IE 瀏覽器使用。因此，請使用 IECC（IE註解）將其自 IE 隱藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="網址.swf" width="寬度" height="高度">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../Scripts/expressInstall.swf" />
<!-- 瀏覽器會為使用 Flash Player 6.0 和更早版本的使用者顯示下列替代內容。 -->
<div>
<h4>這個頁面上的內容需要較新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="取得 Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</xmp>
2. 「中華民國海軍首頁」相容性實作
Flash 部份之原始碼：
<xmp style="overflow:auto;border:solid 1px gray; padding:5px"><object height="151" width="589" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="top_pic.swf" name="movie">
<param value="high" name="quality">
<embed height="151" width="589" dth="589" =""><object height="151" width="589" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="top_pic.swf" name="movie">
<param value="high" name="quality">
<embed height="151" width="589" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="/images/flash.swf">
中華民國海軍
</object>
</xmp>
此語法為比較早期的語法，但基本上 IE 與 Firefox 都能接受。基本上 param 的部份是給 IE 看的， embed 是給 Firefox 看的。但為什麼在此例中 Firefox 還是看不到 Flash 呢？<b>這是因為「檔名」寫錯了。</b>我們可以看到 param 中的檔名是 top_pic.swf，但在 embed 中的檔名卻是 flash.swf。這個原因雖然有點笨，但也可以反應出網頁開發者在開發時往往忽略在不同瀏覽器的呈現效果。這其實簡單注意一下就可以發現了。
但要兼容各主流瀏覽器的話，還是以第一部份所舉的 Flash 語法編寫比較好。
--
另外補充一個同網站中發現的問題：
在「<a href=http://navy.mnd.gov.tw/Publish.aspx?cnid=2877&Level=2>海軍獎章</a>」中，原全部置中的網頁，在 Firefox 及 Chrome 中突然變成了置左。
Changed By: HP
Change Date: August 02, 2011 06:40PM
Flash兼容IE、IE/語法(IE/Fir、/fox/Ch之語法)ome)：以中華民國海軍首頁為實例例
Change Date: August 02, 2011 06:40PM
Flash兼容IE、IE/語法(IE/Fir、/fox/Ch之語法)ome)：以中華民國海軍首頁為實例例
相容性問題說明：http://mepopedia.com/forum/read.php?804,15128,15191#msg-15191
首先，此頁IE之外瀏覽器不相容之處主要是 Flash 動畫只能在 IE 正常呈現，在Firefox、Chrome中則無法正常呈現。
為簡化說明，以下先舉出兼容 IE、Firefox、Chrome 等主流瀏覽器之 Flash 語法。之後再針對「中華民國海軍」此實例作相容性之實作。
簡要來說，第一段的 object 是給 IE 看的，第二段有許多特殊註解 object 是給其他瀏覽器看的。(請注意，第一行的clsdi: 後面的 d 原為大寫，但在此論壇冒號 : 後按大寫D會轉為表情符號，故改為小寫，但效果不變。)
1. 跨瀏覽器兼容之 Flash 語法
<object id="FlashID" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000" width="寬度" height="高度"><br />
<xmp style=""><object id="FlashID" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000" width="寬度" height="高度"><br />
<br />
<param name="movie" value="網址/檔名.swf" /><br />
<param name="quality" value="high" /><br />
<param name="wmode" value="opaque" /><br />
<param name="swfversion" value="6.0.65.0" /><br />
<!-- 此 param 標籤會提示使用 Flash Player 6.0 r65 和更新版本的使用者下載最新版本的 Flash Player。如果您不想讓使用者看到這項提示，請將其刪除。 --><br />
<param name="expressinstall" value="../Scripts/expressInstall.swf" /><br />
<!-- 下一個物件標籤僅供非 IE 瀏覽器使用。因此，請使用 IECC（IE註解）將其自 IE 隱藏。 --><br />
<!--[if !IE]>--><br />
<object type="application/x-shockwave-flash" data="網址.swf" width="寬度" height="高度"><br />
<br />
<!--<![endif]--><br />
<param name="quality" value="high" /><br />
<param name="wmode" value="opaque" /><br />
<param name="swfversion" value="6.0.65.0" /><br />
<param name="expressinstall" value="../Scripts/expressInstall.swf" /><br />
<!-- 瀏覽器會為使用 Flash Player 6.0 和更早版本的使用者顯示下列替代內容。 --><br />
<div><br />
<h4>這個頁面上的內容需要較新版本的 Adobe Flash Player。</h4><br />
<br />
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="取得 Adobe Flash Player" width="112" height="33" /></a></p><br />
</div><br />
<!--[if !IE]>--><br />
</object><br />
<!--<![endif]--><br />
</object><br />
2. 「中華民國海軍首頁」相容性實作
Flash 部份之原始碼：
<object height="151" width="589" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000"><br />
<param value="top_pic.swf" name="movie"><br />
<param value="high" name="quality"><br />
<embed height="151" width="589" =""><object height="151" width="589" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" classid="clsid:d27CDB6E-AE6D-11cf-96B8-444553540000"><br />
<param value="top_pic.swf" name="movie"><br />
<param value="high" name="quality"><br />
<embed height="151" width="589" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="/images/flash.swf"><br />
中華民國海軍<br />
</object><br />
此語法為比較早期的語法，但基本上 IE 與 Firefox 都能接受。基本上 param 的部份是給 IE 看的， embed 是給 Firefox 看的。但為什麼在此例中 Firefox 還是看不到 Flash 呢？這是因為「檔名」寫錯了。我們可以看到 param 中的檔名是 top_pic.swf，但在 embed 中的檔名卻是 flash.swf。這個原因雖然有點笨，但也可以反應出網頁開發者在開發時往往忽略在不同瀏覽器的呈現效果。這其實簡單注意一下就可以發現了。
但要兼容各主流瀏覽器的話，還是以第一部份所舉的 Flash 語法編寫比較好。
--
另外補充一個同網站中發現的問題：
在「海軍獎章」中，原全部置中的網頁，在 Firefox 及 Chrome 中突然變成了置左。
首先，此頁IE之外瀏覽器不相容之處主要是 Flash 動畫只能在 IE 正常呈現，在Firefox、Chrome中則無法正常呈現。
為簡化說明，以下先舉出兼容 IE、Firefox、Chrome 等主流瀏覽器之 Flash 語法。之後再針對「中華民國海軍」此實例作相容性之實作。
簡要來說，第一段的 object 是給 IE 看的，第二段有許多特殊註解 object 是給其他瀏覽器看的。(請注意，第一行的clsdi: 後面的 d 原為大寫，但在此論壇冒號 : 後按大寫D會轉為表情符號，故改為小寫，但效果不變。)
1. 跨瀏覽器兼容之 Flash 語法
2. 「中華民國海軍首頁」相容性實作
Flash 部份之原始碼：
此語法為比較早期的語法，但基本上 IE 與 Firefox 都能接受。基本上 param 的部份是給 IE 看的， embed 是給 Firefox 看的。但為什麼在此例中 Firefox 還是看不到 Flash 呢？這是因為「檔名」寫錯了。我們可以看到 param 中的檔名是 top_pic.swf，但在 embed 中的檔名卻是 flash.swf。這個原因雖然有點笨，但也可以反應出網頁開發者在開發時往往忽略在不同瀏覽器的呈現效果。這其實簡單注意一下就可以發現了。
但要兼容各主流瀏覽器的話，還是以第一部份所舉的 Flash 語法編寫比較好。
--
另外補充一個同網站中發現的問題：
在「海軍獎章」中，原全部置中的網頁，在 Firefox 及 Chrome 中突然變成了置左。
Changed By: HP
Change Date: August 02, 2011 06:35PM
Re: Flash兼容IE、Firefox、Chrome之語法：以ome)：以 - Re: [CSS] 瀏覽器不相容情形之網頁實例中華民國海軍首頁為實例例
Change Date: August 02, 2011 06:35PM
Re: Flash兼容IE、Firefox、Chrome之語法：以ome)：以 - Re: [CSS] 瀏覽器不相容情形之網頁實例中華民國海軍首頁為實例例
Original Message
作者: HPDate: July 27, 2011 01:26AM
Re: ome)：以 - Re: [CSS] 瀏覽器不相容情形之網頁實例中華民國海軍首頁為實例例
補充一個問題：
們可以看到 param 中的檔名是 top_pic.swf，但在 embed 中的檔名卻是 flash.swf。這個原因雖然有點笨，但也可以反應出網頁開發者在開發時往往忽略在不同瀏覽器的呈現效果。這其實簡單注意一下就可以發現了。
但要兼容各主流瀏覽器的話，還是以第一部份所舉的 Flash 語法編寫比較好。
--
另外補充一個同網站中發現的問題：
在「海軍獎章」中，原全部置中的網頁，在 Firefox 及 Chrome 中突然變成了置左。
們可以看到 param 中的檔名是 top_pic.swf，但在 embed 中的檔名卻是 flash.swf。這個原因雖然有點笨，但也可以反應出網頁開發者在開發時往往忽略在不同瀏覽器的呈現效果。這其實簡單注意一下就可以發現了。
但要兼容各主流瀏覽器的話，還是以第一部份所舉的 Flash 語法編寫比較好。
--
另外補充一個同網站中發現的問題：
在「海軍獎章」中，原全部置中的網頁，在 Firefox 及 Chrome 中突然變成了置左。
MEPO forum
is powered by Phorum.