You are not logged in.

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.

mstoss

Intermediate

Posts: 285

Location: Berlin

  • Send private message

21

Wednesday, July 24th 2013, 10:57pm

Hm. I think I used your example on the way, but maybe I had made multiple mistakes and ended up with this one. I will try again to sort that out. Thanks for looking!

Yours,
Michael

Alexey Tkachenko

Professional

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

22

Tuesday, June 17th 2014, 5:08pm

Hi guys!

Any news about inserting Youtube html5 player into Krpano? Any ideas?

On some forums I've read that adding

Source code

1
html5=1
or

Source code

1
html5=true
to youtube player parameters forces youtube use its html5 player.

I tried the code like this:

Source code

1
2
3
4
5
6
<plugin name="youtube" devices="html5"
    	url="http://www.youtube.com/v/0kW2Vh3KeEs?html5=1"
    	align="center"
    	maskchildren="true"
    	onloaded="registercontentsize(640,390);"
      />


but is shows loading error. "html5-true" makes no difference either(((

Does anybody have some positive results in this?
Regards,

Alexey

23

Wednesday, June 18th 2014, 10:17am

Hi,

for html5-only you could use iframes within the textfield plugin,
e.g.

Source code

1
2
3
4
5
6
7
8
<layer name="youtubeiframe" devices="html5"
       url="textfield.swf"
       html="[iframe width='560' height='315' src='//www.youtube.com/embed/iQx28i6w0jc' frameborder='0' allowfullscreen][/iframe]"
       width="560"
       height="315"
       padding="0"
       align="center"
       />


Note - use padding=0 and the same width/height for the iframe and the plugin size.

Best regards,
Klaus

Alexey Tkachenko

Professional

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

24

Wednesday, June 18th 2014, 12:14pm

Woaaaaoowww))) *thumbsup* *thumbsup* *thumbsup*

It works!!! You're as always a magician and wizard, Klaus))

HUGE thanks!!!
Regards,

Alexey

martyhr

Intermediate

Posts: 333

Location: CZ

  • Send private message

25

Thursday, June 19th 2014, 9:56pm

Yes! Thank you.

But I desperately need the button which stop the video and Youtube window - like in Hans's example:
http://wirestam.com/panos/Flash/youtube/youtest1.html
red "stop player" button ....

marty

26

Friday, June 20th 2014, 7:48pm

Hi,

a 'stop button' like this would be very easy in this case - as this is an iframe inside the textfield plugin, just the textfield plugin need to be removed.

e.g.

Source code

1
onclick="removelayer(youtubeiframe);"


Best regards,
Klaus

Alexey Tkachenko

Professional

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

27

Monday, June 23rd 2014, 12:07pm

Okay, thanks to Klaus we have now a solution for html5 which works flawlessly.

I've spent now some time playing around with Flash version of this and the only "corner stone" I stumble upon is how to mute video when "close" button of the background layer is pressed. If i remove the layer with video, it disappears but sound goes on. I tried a workaround - added a soundinterface and tried to use "stopallsounds(true);" in hope that this will force the sound to stop, but to no effect((( I set "mute=true", of course.

I will keep try and error, maybe some of you here have other ideas?
Regards,

Alexey

martyhr

Intermediate

Posts: 333

Location: CZ

  • Send private message

28

Monday, June 23rd 2014, 3:38pm

Yes Alexey,
I asked here and here and maybe many times more in the past....

stopping YOUTUBE window video

STOP for youtube window

Alexey Tkachenko

Professional

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

29

Monday, June 23rd 2014, 4:00pm

Yeap, seems no way without a flash plugin...
Regards,

Alexey

Alexey Tkachenko

Professional

Posts: 742

Location: Sevastopol, Crimea, Russian Federation

Occupation: Interpreting, Building virtual tours

  • Send private message

30

Monday, July 21st 2014, 5:36pm

Hi again!)

I'm now playing with video from Vimeo inside the tour. For html5 I used the same code as was suggested by Klaus for using with youtube.

Source code

1
2
3
4
5
6
7
8
<layer name="video_3" devices="html5"
       url="plugins/textfield.swf"
	   html="[iframe src='http://player.vimeo.com/video/93491995' width='640' height='480' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen][/iframe]"
       width="640"
       height="480"
       padding="0"
       align="center"
    />


It works flawlessly for html5.

With Flash, I tried using link to the video inside the url of the layer, like this:

Source code

1
2
3
4
5
6
<layer name="video_3" devices="flash"
    	url="http://player.vimeo.com/video/93491995"
    	align="center"
    	maskchildren="true"
    	onloaded="registercontentsize(640,480);"
    />


But it throws error: "ERROR: decoding failed - http://player.vimeo.com/video/93491995".

Maybe there's some workaround for this inside Krpano (and no need to write an AS3 plugin)?

Thanks!
Regards,

Alexey

31

Tuesday, July 22nd 2014, 8:10am

But it throws error: "ERROR: decoding failed - http://player.vimeo.com/video/93491995".
It's not possible to include a whole website as Flash plugin!

Look here for Vimeo Flash embedding:
http://developer.vimeo.com/player/embedding#flash

Try:

Source code

1
2
3
4
5
6
<layer name="video_3" devices="flash"
       url="http://vimeo.com/moogaloop.swf?clip_id=93491995"
       align="center"
       maskchildren="true"
       onloaded="registercontentsize(640,480);"
       />


Best regards,
Klaus

32

Monday, August 25th 2014, 5:55pm

Hi Klaus,

I use your code:

Source code

1
2
3
4
5
6
7
8
9
<layer name="youtubeiframe"
devices="html5"
url="plugins/textfield.swf"
html="[iframe width='560' height='315' src='//www.youtube.com/embed/lmzrvtThVj4' frameborder='0' allowfullscreen][/iframe]"
width="560"
height="315
padding="0"
align="center"
/>

It works fine on Google Chrome / Internet Explorer and Smartphone, but it don't work on Firefox ... *confused*

Can you give me some help ? *rolleyes*

Thanks a lot ;-)


33

Tuesday, August 26th 2014, 9:11pm

Hi,
Can you give me some help ? *rolleyes*
For being able to help, I would need more information of course.
So please post your not-working example.

Best regards,
Klaus

34

Wednesday, August 27th 2014, 9:15am

Hi Klaus,

I've solved my problem by my own.

1) I change the value for "html5" into the the tour.html file. From"auto" to "prefer".

Source code

1
2
3
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"prefer", passQueryParameters:true});
</script>

2) Check the "about:config" into firefox to manage WebGL options

Now it works fine. ;-)

35

Wednesday, August 27th 2014, 9:41am

Hi,

this way you only change that viewer preference.

For a correct solution use a Flash AND HTML5 solution.
See the post here for a Flash solution:
load a youtube video

Just as note - the next krpano version 1.18 will include a full Youtube video example that works the same in Flash and HTML5.

Best regards,
Klaus

36

Wednesday, August 27th 2014, 9:47am

Hi klaus,

To kill the sound you talk about this code :

Source code

1
onclick="removelayer(youtubeiframe);"

Ok it works but how to switch from "remove" to "add" ?

I need to make a button that will show and hide the layer.

Here is my code :

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
<hotspot name="videospoticone_1" url="images/icone_video.png" style="draghotspot|tooltip" tooltip="Voir la Vidéo"  ath="48.241"  atv="-2.693"  scale="1" zorder="-1" onclick="set(layer[videoyoutube1].visible, true);set(layer[youtubeclose1].visible, true)" />

<layer name="videoyoutube1"
url="plugins/textfield.swf"
html="[iframe width='560' height='315' src='http://www.youtube.com/embed/lmzrvtThVj4' frameborder='0' allowfullscreen][/iframe]"
width="560"
height="315"
padding="0"
align="center"
visible="false"
/>

<plugin name="youtubeclose1"  url="images/close.png" parent="layer[videoyoutube1]" style="draghotspot|tooltip" tooltip="Fermer" distorted="true" align="topright" x="-25" y="-25" zorder="8" visible="false" onclick="set(layer[videoyoutube1].visible, false);set(layer[youtubeclose1].visible, false)" />

Here the layer is visible and hide but the sound is always On.

I try the "addlayer" solution, but nothing happen ...

Can you tell me when the krpano version 1.18 will be out ? It will be free for KRPano user with comercial licence ? *huh*

Thanks

37

Wednesday, August 27th 2014, 9:52am

Can you tell me when the krpano version 1.18 will be out ?
As soon as everything is ready, hopefully soon.


It will be free for KRPano user with comercial licence ?
Yes, the current 1.17 license is valid for all 1.x.x versions (from 1.17 and up).

Best regards,
Klaus

38

Wednesday, August 27th 2014, 10:11am

Perfect for the new KRPano version ;-)

What about "removelayer" and"addlayer" question ? Some ways ? *confused*

39

Wednesday, August 27th 2014, 10:34am

Hi,

sorry, but I don't know what you mean with addlayer/removelayer in this case...
Technically both would be possible - static define via xml or dynamic via actions like addlayer and set - the result will be the same.

Best regards,
Klaus

40

Wednesday, August 27th 2014, 11:20am

Klaus,

Here is what I'm looking for :

  1. Add a Hotspot into my panoramic view call "Show YouTube Video".
  2. When I click on the Hotspot I want to laod the YouTube Iframe (it is a Layer call : "youtubeiframe").
  3. Play the video with the YouTube control button.
  4. Click on a Button call "Close" that will hide the YouTube Iframe and STOP the sound. To do this I can use this code :
Close button code :

Source code

1
onclick="removelayer(youtubeiframe);"

Now If I click on the Hotspot "Show YouTube Video" I can't laod the YouTube Iframe. So I was thinking about using the code :

Source code

1
onclick="addlayer(youtubeiframe);"


But I can't laod the layer "youtubeiframe" anymore ... *confused*

Thanks for your help.