axure 怎麼導入視頻？

---

為了跟開發說明動效，最近研究了一下用Axure導入視頻，樓上的回答也提到用內部框架(Inline frame)，但是在填寫鏈接的時候，如果要使用外部鏈接，就要把視頻上傳到視頻網站，獲得url，感覺很麻煩，而且廣告的長度不是蓋的！！所以研究了一下，實現了導入保存在本地的視頻，只要寫一段簡單的代碼，就可以實現，以下是具體的步驟：

1. 將Inline Frame控制項拖到工作區

2. 將其屬性設置為「video」，控制項會變為如下形態，拖動控制項四角可改變視頻顯示區域的大小

3. 將動效視頻上傳至第三方視頻網站，比如優酷。雙擊控制項，在輸入框中填寫視頻的url。

這樣在生成的交互文檔里，可以查看來自第三方網站的視頻，視頻嵌套的是該網站的播放控制器。

4. 使用記事本創建一個html文件，比如命名為「gridToPage.html」。貼如下代碼：

&

&

&html,body,div,video{margin:0;padding:0;}&

&

&

&

//loop控制是否循環播放，width和height為視頻的尺寸，controls控制是否使用播放控制條，autoplay控制是否自動播放

&

&

&

&

若視頻標題為中文，則在保存時需將編碼改為UTF-8。

5. 將視頻文件、「gridToPage.html」和Axure生成的html文件放在同一個文件夾下

6. 在Inline Frame的鏈接屬性中，關聯剛才創建的html文件而非視頻文件，因為「gridToPage.html」已經放在同一個文件夾下，所以直接填寫文件名即可。

這樣在生成的交互文檔上，可以控制視頻播放了。滑鼠在視頻上懸浮時會出現如下播放控制條。

http://weixin.qq.com/r/kTn95RHEEUxurVWG92yD (二維碼自動識別)

雲音樂交互設計組

---

用框架

---

一、選擇內部框架託人畫布

二、內部框架可以調節大小和滾動條

三、雙擊打開內部框架設置內部屬性

四、你可以到陪學網看下教程，最後可以填入視頻網址鏈接URL或者本地文件路徑

---

.

---

可以用框架導入視頻所在的頁面

---

推薦閱讀：