如何在HTML網頁中新增Flash內容？

HTML Web 開發前端技術

介紹

在這篇文章中，我們將向您展示如何使用HTML在網頁中新增Flash內容。Flash內容是一種多媒體型別，可用於向網頁新增互動式元素，例如影片、遊戲和動畫。

但是，Flash現在被認為是過時的技術，由於安全性和可訪問性問題，不建議在現代Web開發中使用。建議使用其他技術，例如HTML5、CSS和JavaScript向網頁新增多媒體內容。

方法

我們將討論以下實現方法：

使用<object>標籤
使用<embed>標籤

方法一：使用<object>標籤

此方法涉及使用<object>標籤在HTML網頁中嵌入Flash內容。<object>標籤允許您指定Flash內容的源，併為不支援Flash的瀏覽器提供備用內容。

示例

步驟1 − 建立一個HTML文件 (index.html)，包含以下程式碼：

<!DOCTYPE html>
<html>
<head>
   <title>Flash Content</title>
</head>
<body>
   <object data="flash.swf" width="500" height="300">
      <param name="movie" value="flash.swf">
      <p>Your browser does not support Flash.</p>
   </object>
</body>
</html>

此程式碼建立了一個<object>標籤，其Flash內容的源設定為“flash.swf”，尺寸為500x300畫素。它還包含一個<param>標籤，該標籤指定了支援Flash的瀏覽器的Flash內容源。備用內容以一段說明瀏覽器不支援Flash的段落形式提供。

步驟2 − 新增Flash內容

要新增Flash內容，您需要建立一個SWF檔案。這可以使用Adobe Flash或其他Flash開發工具完成。

在這裡，為了演示目的，我們將使用線上工具將png轉換為swf：

訪問無版權的網站，例如unsplash.com。
選擇並下載您選擇的圖片。
導航到png到swf圖片轉換工具。
點選檔案並上傳輸入檔案：

選擇輸出格式為swf：

點選轉換。
轉換完成後，點選下載：

建立SWF檔案後，您可以將其上傳到您的Web伺服器，並在<object>標籤中引用它，如上一步所述。

如果瀏覽器支援，輸出將在網頁上顯示Flash內容；否則，將顯示備用內容“您的瀏覽器不支援Flash”。

此輸出在最新版本的Google Chrome、Microsoft Edge和Opera中將保持一致。

方法二：使用<embed>標籤

此方法類似於<object>標籤方法，但使用<embed>標籤。大多數瀏覽器都支援<embed>標籤，允許您直接在HTML網頁中嵌入Flash內容。

示例

步驟1 − 建立一個HTML文件 (index.html)，包含以下程式碼：

<!DOCTYPE html>
<html>
<head>
   <title>Flash Content</title>
</head>
<body>
   <embed src="flash.swf" width="500" height="300">
   <p>Your browser does not support Flash.</p>
</body>
</html>

此程式碼建立了一個<embed>標籤，其Flash內容的源設定為“flash.swf”，尺寸為500x300畫素。備用內容以一段說明瀏覽器不支援Flash的段落形式提供。

步驟2 − 新增Flash內容

要新增Flash內容，您需要建立一個SWF檔案。這可以使用Adobe Flash或其他Flash開發工具完成。

在這裡，為了演示目的，我們將使用線上工具將png轉換為swf：