jabber video window mouse events

[soonhock_lim]

i refer to the development troubleshooting guide section
from https://developer.cisco.com/site/collaboration/jabber/websdk/develop-and-test/voice-and-video/troubleshooting/

[quote]

JavaScript Events for Microsoft Windows Video Window

On Microsoft Windows, the video window object created by cwic createVideoWindow does not generate HTML mouse and click events. A workaround is to attach the video window element to an invisible <div> (style="display: none") and capture events from that element. Also on Microsoft Windows, HTML elements like buttons will not display on top of the video windows; the video windows always render on top. These limitations do not apply to video windows on Mac.
[/quote]

Since the video windows render on top, it will also be on top of the invisible div. How is it possible to capture mouse events then?

any samples to refer to

[Geevarghese Cheria]

Hi Soonhock,

Please refer the Follow Jabber Voice Best Practices to know the technical limitations imposed by working within a browser sandbox and adapting to its process model.
For related information please refer - How to ... Add Video Call Capabilities

Thanks and Regards,

Geevarghese

[tinghche]

You can do something like this.

The wrapper HTML element

<div id="callcontainer" class="callcontainer" style="display: none">

When a video object is created, attach it to “callcontainer”

$('#callcontainer').append("<div class='videocontainer' id='videocontainer'></div>");

$('#videocontainer').cwic('startConversation', {

          participant: { recipient: num },

          videoDirection: 'SendRecv',

          remoteVideoWindow: 'videoobject'

            });

  });

Finally, register listeners for mouse over, mouse down and mouse out events on “callcontainer"

jQuery('.callcontainer').mouseover(function() {

                if (self._eventDispatcher) {

                        self._eventDispatcher.notify({type:"onMouseOverContainer"});

                }

            });

Regards,

Howard