However in IE there are issues with this. I have set my DIV to extend past the borders of the video, and have a real-time X,Y display on mouse move. In IE, when over the video, the update is staggered.
I set allowfullscreen - no/false:
Code: Select all
<object id="vlc" type="application/x-fb-vlc" width="352" height="288" classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab" >
<param name="windowless" value="true" />
<param name="bgcolor" value="#0b0" />
<param name="src" value="rtsp://10.120.7.193/stream1" />
<param name="AutoPlay" value="True" />
<param name="version" value="VideoLAN.VLCPlugin.2" />
<param name="toolbar" value="false" />
<param name="height" value="500" />
<param name="width" value="500" />
<param name="allowfullscreen" value="false"/>
<embed id="vlc"
bgcolor="#00bb00"
type="application/x-vlc-plugin"
pluginspage="http://www.videolan.org"
windowless="true"
version="VideoLAN.VLCPlugin.2"
width="500"
height="500"
loop="yes"
toolbar="no"
autoplay="yes"
target="rtsp://10.120.7.193/stream1"
allowfullscreen="no" />
</object>
I created a double-click JS event:
Code: Select all
.mousedown(function (event) {
switch (event.which) {
case 1: // left
// now if mouse is moved, return new relative positions
DidClick.active();
if (DidClick.count == 2) {
$("#clicked").html("double-left click");
$("#zoomFactor").html("Zoom In (click)").css("display", "inline").fadeOut("slow");
}
else {
$("#clicked").html("left click");
//console.log("click..." + n++);
if (!buttonClick) {
relativePosition.X = relativeStartPosition.X;
relativePosition.Y = relativeStartPosition.Y;
}
buttonClick = true;
}
break;
.
.
.
It quickly displays "Zoom In (click)" in Chrome, but in IE, it makes the video full-screen. What am I missing?