You are not logged in.

Embed HTML Code

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

sr_raumgleiter

Trainee

  • "sr_raumgleiter" started this thread

Posts: 70

  • Send private message

1

Wednesday, October 12th 2016, 11:17am

Embed HTML Code

Hi

I'am working on a disclaimer page inside KrPano that can be toggled to get more information about the object. I have no problem to load images and display text there but i wondered if it's possible to embed a Youtube Video there or something from another provider that gives me the embedding code?

Thanks for your answers!

Sven

This post has been edited 1 times, last edit by "sr_raumgleiter" (Oct 12th 2016, 11:40am)

spacerywirtualne

Professional

Posts: 1,112

Location: Poland, Europe

Occupation: krpano developer : virtual tours : the cms4vr owner

  • Send private message

2

Wednesday, October 12th 2016, 12:58pm

You can use textfield plugin

Source code

 
1
2
3
4
5
6
7

<plugin name="text"
	url="textfield.swf"
	html="[iframe src='URL'][/iframe ]"
	align="lefttop" x="10" y="10"
	width="200"
	height="100"
/>



but only in HTML5


Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

sr_raumgleiter

Trainee

  • "sr_raumgleiter" started this thread

Posts: 70

  • Send private message

3

Thursday, October 13th 2016, 9:46am

works like a charm. thank you!

Extended the code with some additional information beside the src url. (width, height, aso..)

Sven

reachyours

Trainee

Posts: 51

  • Send private message

4

Tuesday, March 21st 2017, 7:30am

embed <div> element

i would like to embed 3d model on sketchfab. how to do
the code of sketchfab is

Source code

 
1
2
3
4
5
6
7
8

<div class="sketchfab-embed-wrapper"><iframe width="640" height="480" src="https://sketchfab.com/models/aba23531911c45439067a6e0aaccad07/embed" frameborder="0" allowvr allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>

<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
    <a href="https://sketchfab.com/models/aba23531911c45439067a6e0aaccad07?utm_medium=embed&utm_source=website&utm_campain=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Kokura Castle</a>
    by <a href="https://sketchfab.com/avatta?utm_medium=embed&utm_source=website&utm_campain=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">AVATTA</a>
    on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campain=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
</p>
</div>

sonance

Beginner

Posts: 4

Location: Smallfield

Occupation: Creative Generalist

  • Send private message

5

Wednesday, August 30th 2017, 10:17am

Try this code, it shows the Sketchfab model properly. Replace the the iframe source to your model's url:

<plugin name="text"
url="textfield.swf"
html="[iframe src='https://sketchfab.com/models/0000000000000000000000000000000/embed' frameborder='0' allowvr allowfullscreen mozallowfullscreen='true' webkitallowfullscreen='true' onmousewheel='' width='640' height='360'][/iframe ]"
align="center" x="10" y="10"
width="auto"
height="auto"
/>

reachyours

Trainee

Posts: 51

  • Send private message

6

Monday, September 4th 2017, 8:03am

that's great. i also set the embed code with some parameter such as autostart=1 transparent=1 . it works with autostart but transparent. and it works in html files.
i wonder if it doesn't work because of textfield.swf？

Similar threads