HTML Structure
<div class="dinz-slider-film trigger-vid">
<object width="480" height="340" class="vid-flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="FlashID" style="visibility: visible;">
<param value="sites/all/themes/subtheme/images/test.swf" name="movie">
<param value="high" name="quality">
<param value="opaque" name="wmode">
<param value="6.0.65.0" name="swfversion">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param value="sites/all/themes/subtheme/Scripts/expressInstall.swf" name="expressinstall">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object width="480" height="340" data="/sites/all/themes/subtheme/images/test.swf" type="application/x-shockwave-flash">
<!--<![endif]-->
<param value="high" name="quality">
<param value="opaque" name="wmode">
<param value="6.0.65.0" name="swfversion">
<param value="sites/all/themes/subtheme/Scripts/expressInstall.swf" name="expressinstall">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img width="112" height="33" alt="Get Adobe Flash player" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</div>
Jquery Code:
$('.trigger-vid object.vid-flash').click(function() {
alert('stop');
clearInterval(play); //Stop the rotation
});
The following jquery code is working fine in mozilla. But not working fine in Chrome and IE 6+
I stuck with this... But i am pretty clear (or may be) with one thing that the problem is with above HTML Structure.
Any idea will be thankful and helpful...