Sie sind nicht angemeldet.

load a youtube video

mstoss

Fortgeschrittener

Beiträge: 297

Wohnort: Berlin

  • Nachricht senden

21

Mittwoch, 24. Juli 2013, 22:57

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

Profi

Beiträge: 770

Wohnort: Russian Federation

Beruf: Interpreting, Building virtual tours

  • Nachricht senden

22

Dienstag, 17. Juni 2014, 17:08

Hi guys!

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

On some forums I've read that adding

Quellcode

 
1

html5=1
or

Quellcode

 
1

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

I tried the code like this:

Quellcode

 
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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

23

Mittwoch, 18. Juni 2014, 10:17

Hi,

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

Quellcode

 
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

Profi

Beiträge: 770

Wohnort: Russian Federation

Beruf: Interpreting, Building virtual tours

  • Nachricht senden

24

Mittwoch, 18. Juni 2014, 12:14

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

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

HUGE thanks!!!
Regards,

Alexey

martyhr

Fortgeschrittener

Beiträge: 387

Wohnort: CZ

  • Nachricht senden

25

Donnerstag, 19. Juni 2014, 21:56

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

26

Freitag, 20. Juni 2014, 19:48

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.

Quellcode

 
1

onclick="removelayer(youtubeiframe);"


Best regards,
Klaus

Alexey Tkachenko

Profi

Beiträge: 770

Wohnort: Russian Federation

Beruf: Interpreting, Building virtual tours

  • Nachricht senden

27

Montag, 23. Juni 2014, 12:07

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

Fortgeschrittener

Beiträge: 387

Wohnort: CZ

  • Nachricht senden

28

Montag, 23. Juni 2014, 15:38

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

Profi

Beiträge: 770

Wohnort: Russian Federation

Beruf: Interpreting, Building virtual tours

  • Nachricht senden

29

Montag, 23. Juni 2014, 16:00

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

Alexey

Alexey Tkachenko

Profi

Beiträge: 770

Wohnort: Russian Federation

Beruf: Interpreting, Building virtual tours

  • Nachricht senden

30

Montag, 21. Juli 2014, 17:36

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.

Quellcode

 
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:

Quellcode

 
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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

31

Dienstag, 22. Juli 2014, 08:10

Zitat von »Alexey Tkachenko«

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:

Quellcode

 
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

kealkeal

Fortgeschrittener

Beiträge: 176

  • Nachricht senden

32

Montag, 25. August 2014, 17:55

Hi Klaus,

I use your code:

Quellcode

 
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 ;-)

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

33

Dienstag, 26. August 2014, 21:11

Hi,

Zitat von »kealkeal«

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

kealkeal

Fortgeschrittener

Beiträge: 176

  • Nachricht senden

34

Mittwoch, 27. August 2014, 09:15

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".

Quellcode

 
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. ;-)

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

35

Mittwoch, 27. August 2014, 09:41

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

kealkeal

Fortgeschrittener

Beiträge: 176

  • Nachricht senden

36

Mittwoch, 27. August 2014, 09:47

Hi klaus,

To kill the sound you talk about this code :

Quellcode

 
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 :

Quellcode

 
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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

37

Mittwoch, 27. August 2014, 09:52

Zitat von »kealkeal«

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


Zitat von »kealkeal«

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

kealkeal

Fortgeschrittener

Beiträge: 176

  • Nachricht senden

38

Mittwoch, 27. August 2014, 10:11

Perfect for the new KRPano version ;-)

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

39

Mittwoch, 27. August 2014, 10:34

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

kealkeal

Fortgeschrittener

Beiträge: 176

  • Nachricht senden

40

Mittwoch, 27. August 2014, 11:20

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 :

Quellcode

 
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 :

Quellcode

 
1

onclick="addlayer(youtubeiframe);"


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

Thanks for your help.

Ähnliche Themen