Cant see Video hotspot

ersaurabh101

I have added video hotspot code in my index.html page but I cant see it.

Here is the code for the video player

Code

<script>
<preview type="grid(cube,128,128,512,0xDDDDDD,0xFFFFFF,0x999999);" />
<hotspot name="videospot"
         url="../../../plugins/videoplayer.js"
         videourl="cats.mp4|cats.webm"
         posterurl="cats-poster.jpg"
         distorted="true"
         ath="0"
         atv="0"
         edge="center"
         scale="1.0"
         rx="-22.0"
         ry="-90.0"
         rz="0"
         ox="0"
         oy="0"
         tx="-600" 
         ty="20" 
         tz="300"
         loop="true"
         pausedonstart="true"
         onclick="togglepause();"
         />
         
         </script>

Alles anzeigen

And below is the code for entire html incase you wish to see::

Code

Please guide me where is the issue ?

klaus.krpano

Remove the '<script>' node.

ersaurabh101

Hello,

I called the videoplayer.js like this

and then I remove the ''<script>' node. Here is what my code looks like

Code

<preview type="grid(cube,128,128,512,0xDDDDDD,0xFFFFFF,0x999999);" />


<hotspot name="videospot"
         url="plugins/videoplayer.js"
         videourl="cats.mp4|cats.webm"
         posterurl="cats-poster.jpg"
         distorted="true"
         ath="0"
         atv="0"
         edge="center"
         scale="3.0"
         rx="-22.0"
         ry="-90.0"
         rz="0"
         ox="0"
         oy="0"
         tx="-600"
         ty="20"
         tz="300"
         loop="true"
         pausedonstart="true"
         onclick="togglepause();"
         />
</body>
</html>

Alles anzeigen

But If I see network, I dont see cats-poster.jpg loaded, see image

ersaurabh101

Anyone please help me close this, I have some deadline

gn0o0b

Hello,

5 hours after the previous post isn't much... It's morning in Europe. If you have deadlines I think it could be a good idea to buy the licence

Sorry my knowledge is too poor for the moment to help you on that specific question but I would've been happy to help.

Have a nice day :)

kme

The <hotspot> tag is not supposed to be in index.html, but rather in tour.xml.

ersaurabh101

I need to code in index.html, Thats what I was trying to ask in this post, like how to show a video hotspot inside html.

This is how I am showing Image hotspot

Code

      "addhotspot(hs471720192);",
      "set(hotspot[hs471720192].url, 'vtourskin_hotspot.png');",
      "set(hotspot[hs471720192].ath, 0);",
      "set(hotspot[hs471720192].atv, 0);",
      "set(hotspot[hs471720192].distorted, true);",
    "set(hotspot[hs471720192].rx, 0);",
      "set(hotspot[hs471720192].ry, 0);",
      "set(hotspot[hs471720192].rz, null);",
      "set(hotspot[hs471720192].width, 20);",
      "set(hotspot[hs471720192].height, 20);",
      "set(hotspot[hs471720192].url, 'vtourskin_hotspot.png');",

Alles anzeigen

Guide me how to show Video, that will be so helpful

ersaurabh101

Its done, this code worked

Code

"addhotspot(videoHotspot);",
"set(hotspot[videoHotspot].url, 'plugins/videoplayer.js');",  // Load the videoplayer plugin
"set(hotspot[videoHotspot].videourl, 'cats.mp4|cats.webm');",    // Set the video URL
"set(hotspot[videoHotspot].posterurl, 'cats-poster.jpg');", // Set the poster image (optional)
"set(hotspot[videoHotspot].ath, 0);",
"set(hotspot[videoHotspot].atv, 0);",
"set(hotspot[videoHotspot].distorted, true);",
"set(hotspot[videoHotspot].rx, 0);",
"set(hotspot[videoHotspot].ry, 0);",
"set(hotspot[videoHotspot].rz, null);",
// "set(hotspot[videoHotspot].tx, 414);",
// "set(hotspot[videoHotspot].ty, 441);",
 "set(hotspot[videoHotspot].tz, -250);",
"set(hotspot[videoHotspot].width, 200);", // Adjust width and height as needed
"set(hotspot[videoHotspot].height, 150);",
"set(hotspot[videoHotspot].onclick, 'togglepause();');",  // Play/pause on click
"set(hotspot[videoHotspot].depthbuffer, true);",

Alles anzeigen

Cant see Video hotspot

Jetzt mitmachen!

Tags