如果你(或者你的客戶)有自己的服務(wù)器,想要將全景漫游放到自己服務(wù)器的網(wǎng)頁里(對,網(wǎng)頁鏈接顯示的不是720yun.com,而是你自己域名鏈接),通常有兩種方式可選:
1、離線包:將全景作品進(jìn)行離線導(dǎo)出,然后將全景H5離線包上傳到自己的服務(wù)器即可。這樣,可以保證數(shù)據(jù)在自己的服務(wù)器,比較放心。但是,如果你想要修改全景漫游中的內(nèi)容,需要在720yun上重新編輯、保存、導(dǎo)出離線包、上傳到自己的服務(wù)器(一共四步),emmm……有點(diǎn)復(fù)雜。
2、iframe網(wǎng)頁嵌入:在自己的服務(wù)器上傳一個html網(wǎng)頁文件,html文件中使用iframe標(biāo)簽,嵌入 720yun 全景作品地址(詳細(xì)代碼可從“作品管理”⇒作品列表右側(cè)的“分享”⇒“嵌入到網(wǎng)站”復(fù)制粘貼)。如果需要修改作品內(nèi)容,直接登錄 720yun 編輯作品、保存即可,你的網(wǎng)頁內(nèi)容就會同步變成最新的。
注意:iframe嵌入的全景不支持全屏功能、VR眼鏡功能、陀螺儀功能。
其他問題解決辦法:如果你不懂代碼,請看基礎(chǔ)嵌入代碼(前端技術(shù)小伙伴可略過該部分內(nèi)容):

效果:

那么問題來了:
問題一:我的網(wǎng)頁標(biāo)題是亂碼,怎么解決?
解答:添加頁面的編碼代碼行即可。

問題二:全景在我的頁面,如何讓全景占滿屏幕?
解答:需要將iframe標(biāo)簽中width、height值分別設(shè)置為100%,body、html標(biāo)簽的高度設(shè)置為100%,即可鋪滿屏。
html,body { height:100%; }
< iframe frameborder="no" src="https://720yun.com/t/c2ejup4kOn8" width="100%" height="100%" > < /iframe>
問題三:iframe嵌入時如何支持全屏顯示?
解答:需要在iframe里面加上 allowfullscreen='true' 這段代碼就可以了
問題四:全景所在的位置到網(wǎng)頁邊界的位置有白邊,怎么處理?
解決:設(shè)置body標(biāo)簽的padding、margin值為0px即可。
body { padding: 0xp; margin: 0px;?}
代碼截圖:

效果截圖:

問題五:用手機(jī)打開iframe嵌入的網(wǎng)頁,頁面的元件變小了,看不清怎么辦?
解答:復(fù)制分享代碼下方的提示代碼(< meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">),粘貼到html文件中即可。
效果對比:

代碼截圖:

如果上述內(nèi)容還是沒有解決你的問題,請聯(lián)系 720yun客服或者添加 720yun微信助手(www720yuncom)進(jìn)一步咨詢。



