翻譯|使用教程|編輯:況魚杰|2020-01-14 11:05:10.443|閱讀 1017 次
概述:在本教程中,您將學習如何使用嵌入式框架窗口小部件將YouTube視頻,Google地圖和其他媒體嵌入到原型頁面中。?本文主要介紹如何嵌入YouTube視頻。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具, 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格。
在本教程中,您將學習如何使用嵌入式框架窗口小部件將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微信公眾號???,了解產品的最新動態及最新資訊。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: