中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)讀：播放視頻是很多平臺(tái)軟件都具備的功能，但是我們?cè)谥谱髟偷臅r(shí)候，Axure很難播放視頻。在本文中，作者和我們分享了在axure里面如何調(diào)用B站的視頻播放器，希望對(duì)你有幫助。

播放視頻是很多平臺(tái)軟件都具備的功能，但是我們?cè)谥谱髟偷臅r(shí)候，Axure很難播放視頻，一種是播放本地的視頻，因?yàn)閍xure在預(yù)覽的時(shí)候是不能打開(kāi)本地的文件的，所以只能通過(guò)生成html并且通過(guò)內(nèi)聯(lián)框架打開(kāi)本地視頻的方式才能看到。

但是這種方法很麻煩，第一是視頻位置不能改變，別人需要在你的電腦上才能觀看，不能通過(guò)網(wǎng)絡(luò)分享；第二是修改之后每次都要重新導(dǎo)出才能看到效果，非常麻煩。

那如果axure在看在線視頻，一般我們也是用內(nèi)聯(lián)框架的方式打開(kāi)對(duì)應(yīng)網(wǎng)址，但是一般的網(wǎng)頁(yè)除了視頻，還有很多其他東西，我們的原型里面并不需要其他多余的東西。所以今天我們就來(lái)學(xué)習(xí)一下，在axure里面如何調(diào)用B站的視頻播放器。

原型預(yù)覽地址：https://poj5tz.axshare.com/#g=1

1、Axure內(nèi)材料準(zhǔn)備

在axure里面，我們只需要矩形作為基本的元件，后續(xù)我們通過(guò)代碼來(lái)講矩形設(shè)置為播放器。

矩形的寬高可以自由設(shè)置，暫時(shí)當(dāng)做一個(gè)占位符，制作完成以后，視頻的大小就會(huì)和矩形的大小一樣。

這里我們要給矩形命名為，案例中命名為code，你們可以自由命名，后續(xù)代碼需要使用。

2、B站視頻準(zhǔn)備

我們可以看到上面矩形里面會(huì)有一行代碼，那這行代碼是怎么獲得的呢？

在此之前，我們可以把我們需要播放的視頻上傳到b站，或者直接在b站找到合適的視頻，點(diǎn)擊分享按鈕，然后我們可以看到一行叫嵌入代碼，我們直接將代碼復(fù)制到矩形內(nèi)。

復(fù)制完成之后，我們還要增加兩個(gè)參數(shù)width=”xxx” ；height=”xxx”，這兩個(gè)是控制視頻播放器的大小的，如果沒(méi)有的話，他就會(huì)默認(rèn)出現(xiàn)一個(gè)最小的播放器。里面具體的數(shù)值你們按照矩形的寬和高填寫(xiě)進(jìn)去即可。

3、交互制作

接下載最后一步，我們還需要通過(guò)JavaScript的代碼，才可以將矩形變成播放器。

我們?cè)诰匦屋d入時(shí)，增加交互，用打開(kāi)鏈接的交互，選擇鏈接到URL或者文件路徑，在上面我們就可以輸入以下代碼：

至于為什么這樣輸入，這需要一點(diǎn)代碼的基礎(chǔ)，如果你有這方便的知識(shí)自然一看就清楚了，但是如果你沒(méi)這方便知識(shí)的話，我也很難給你解釋清楚。你只需要簡(jiǎn)單里輸入即可。這里需要注意的是data-label=code，這里的code是我們前面矩形命名的名字，如果你命名的不是code，那你就需要修改一下代碼變成和矩形的名字相同即可。

這樣以后我們就完成制作了，點(diǎn)擊預(yù)覽就可以看看視頻播放器出現(xiàn)了，我們可以直接在我們的原型里觀看視頻了。當(dāng)然我們這種做法除了在預(yù)覽上面觀看，也可以發(fā)布生成html、或者生成在線地址也可以觀看，沒(méi)有這么多的局限。

以上就是本期的全部?jī)?nèi)容了，感謝您的閱讀，我們下期見(jiàn)~

本文由 @做產(chǎn)品但不是經(jīng)理 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議