/    Sign up×
Community /Pin to ProfileBookmark

Intergrate virtual tour on website

Hello,

I made a virtual tour that I exported and saved in my dropbox to have a link. The link of my virtual tour on box: https://www.dropbox.com/s/gn7l60lnvdyjh7j/index.htm?dl=0

The vitruel tour consists of a folder with html code and different images inside showing in this picture: https://www.cjoint.com/c/LElp6jXF1yR

I want to upload it on my website (on wix). I have looked at some tutorials that deal with embed link, other tutorials that indicate that with dropbox, it is necessary to modify the link of the virtual tour by adding dl.dropboxusercontent.com or change dl=0 by raw=1, but I can’t do it, because I don’t know much about it.
I saw that it could have some problem with dropbox but on my website I also have some carousels where the images are saving in my dropbox and they are correctly displayed on the website

I tried to upload it on my website with this code:
`‹video width=”1200″ height=”720″ controls> ‹source src=”https://dl.dropboxusercontent.com/s/ gn7l60lnvdyjh7j/index.htm?raw=1″> frameborder=”0″ allow=”accelerometer; encrypted-media; gyroscope; picture-in-picture” allowfullscreenallow=”autoplay </video>`
This doesn’t work.

I tryed the example virtual tour on this website: https://www.cloudpano.com/
The tour has this link:
`<div id=”MMqLrAhy2oN”><script type=”text/javascript” async data-short=”MMqLrAhy2oN” width=”100%” height=”500px” src=”https://app.cloudpano.com/public/shareScript.js”></script></div>`
And it works on my website. I understand that the second is javascript and the first is html.

But how can I code the html on my website?

Has anyone done this before or knows more about it than I do? I think it’s not complicated because I tried with a virtual tour from a website, and it worked (but it was in .js while mine is in .html)

Thanks

to post a comment
HTMLJavaScript

1 Comments(s)

×

Success!

Help @QuentinLf spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...