原型設計工具Axure RP新手教程（六）：嵌入媒體教程-YouTube視頻

---

Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具， 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格。

免費下載Axure RP 優惠購買Axure RP

---

在本教程中，您將學習如何使用嵌入式框架窗口小部件將YouTube視頻，Google地圖和其他媒體嵌入到原型頁面中。

嵌入YouTube視頻（點擊此處查看視頻）

小部件設置

• 打開一個新的RP文件，然后在Pages（頁面）窗格中雙擊Page1（頁面1）以在畫布上將其打開。

• 將內聯框架窗口小部件從Libraries（庫）窗格拖到畫布上。

• 在Style（樣式）窗格中，在內聯框架Preview（預覽）下拉列表中選擇Video（視頻）。

注意：
內聯框架預覽圖像僅顯示在Axure RP畫布上，它的作用是讓您知道框架將在Web瀏覽器中顯示的內容。

從YouTube獲取嵌入網址

• 在您的網絡瀏覽器中，導航到www.youtube.com并找到您想要嵌入的視頻。

• 在視頻下方，單擊Share（共享）圖標。 在出現的對話框中，單擊Embed（嵌入）。

• 在右側顯示的嵌入代碼中，找到src屬性并突出顯示其右側的URL（不帶引號）。 復制URL。

將內聯框架的目標設置為視頻的URL

• 返回Axure RP，雙擊內聯框架以打開Link Properties（鏈接屬性）對話框。

• 在對話框底部，選擇用于Link to an external url or file（用于鏈接到外部URL或文件）的單選按鈕，然后將您從YouTube復制的URL粘貼到Hyperlink（超鏈接）字段中。

• 單擊OK（確定）關閉Link Properties（鏈接屬性）對話框。

預覽頁面

• 預覽頁面，YouTube視頻應出現在嵌入式框架中。

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。