簡介

要在瀏覽器中正確顯示 SWF 檔案,必須使用 HTML 檔案。瀏覽器會先載入 HTML 檔案,再載入 HTML 程式碼所指定的 SWF 檔案。因此,HTML 頁面必須包含指定實際 Adobe Animate SWF 檔案位置的 OBJECT 標籤。

該 HTML OBJECT 標籤會指示瀏覽器載入 Adobe Flash Player,藉此播放您的 SWF 檔案。

Animate 中的「發佈」命令會自動建立一個 HTML 檔案,其中就會包含讓網頁瀏覽器播放所發佈 SWF 檔案的必要標籤。「發佈」對話方塊 (「檔案 > 發佈」) 提供幾種不同的 HTML 發佈範本,可讓您自由選擇。如需發佈設定 (CS5)發佈設定 (CS5.5)的詳細資訊,請參閱 Animate 說明。

手動新增 OBJECT 標籤

Animate 建立的 HTML 檔案只會包含顯示 SWF 檔案的必要程式碼。若要在已包含其他元素 (例如文字或圖形) 的 HTML 頁面中新增 SWF 檔案,請將下列程式碼貼至該 HTML 文件中。將這段程式碼貼到 HTML 檔案的 BODY 標籤內。

若要手動新增 OBJECT 標籤,請執行下列步驟:

  1. 複製下列 HTML 程式碼,貼至您的 HTML 中。在 HTML 檔案中,將程式碼貼至您希望網頁顯示 SWF 檔案的位置。
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle">
        <param name="movie" value="movie_name.swf"/>
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400">
            <param name="movie" value="movie_name.swf"/>
        <!--<![endif]-->
            <a href="http://www.adobe.com/go/getflash">
                <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>
  2. 編輯 SWF 檔案的 OBJECT 標籤屬性。
    • 變更「高度」及「寬度」等參數,以符合「舞台」的高度與寬度。若要自動縮放 SWF 檔案,使其使用特定百分比例的瀏覽器視窗,則高度與寬度參數請改為輸入百分比值。
    • 上述 OBJECT 標籤內出現的所有「movie_name.swf」實例,一律變更成 SWF 檔案的實際路徑或 URL。

這個 SWF 檔案路徑可以是 HTML 檔案的相對路徑,或是 SWF 檔案的完整或絕對路徑。例如:

  • 如果 SWF 檔案與 HTML 檔案位於相同資料夾,您只需要指定 SWF 檔案的檔名。
  • 如果 SWF 檔案位於子資料夾,路徑會類似於「subfolder_name/movie_name.swf」(不包含括號)
  • 如果 SWF 檔案與 HTML 檔案在不同資料夾中,則包含該 HTML 檔案的資料夾以上的每一階層都要使用「../」(不要加入語法中的括號)。如此一來,「../../../separate_folder/movie_name.swf」即先指向 HTML 檔案所在資料夾往上三層的位置,再往下進入「separate_folder」找到 SWF 檔案。
  • 完整路徑即完整的 URL (亦即 http://www.myDomain.com/flash_content/movie_name.swf)。

您也可以使用 Animate 中的「發佈」命令,建立包含 OBJECT 標籤的基本 HTML 檔案。接著,複製 OBJECT 標籤中的 HTML 程式碼,將其貼入您自己的 HTML 檔案。該 HTML 程式碼已經正確指定您 SWF 檔案的名稱。

上述程式碼是您在 HTML 檔案中插入 SWF 檔案的最低要求。您還可以為這些標籤指定其他屬性,以控制 Flash Player 播放 SWF 檔案的細節。如需詳細資訊,請參閱 OBJECT 及 EMBED 標籤屬性

在您希望目標受眾能夠使用的所有網頁瀏覽器中測試您的 HTML 網頁。 

注意: Dreamweaver 是 Adobe 的 HTML 創作工具,能讓您將 SWF 檔案輕鬆內嵌至 HTML 文件。Dreamweaver 可以完整控制 SWF 檔案所在網頁的設計。如需詳細資訊,請參閱 Dreamweaver 產品頁面

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策