得到鼠標的位置上jquery.media對象

我想獲得當前鼠標的位置在javascript這個簡單的示例代碼：得到鼠標的位置上jquery.media對象

$(document).mousemove(function(e){ 
    console.log(e.pageX +', '+ e.pageY); 
});

這工作得很好，但我想要得到相同的元件當前鼠標的位置<object>。也就是說，我正在使用jQuery Media Plugin jQuery.media.js，它根據使用的瀏覽器生成適當的媒體元素。使用demos like this，只要我停留在媒體元素上，控制檯就會停止記錄。例如我複製粘貼此代碼：

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="jquery.media.js"></script> 
<script> 
$(document).ready(function(){ 
    $('.media').media(); 
}); 
$(document).mousemove(function(e){ 
    console.log(e.pageX +', '+ e.pageY); 
}); 
</script> 
</head> 
<body> 
    <a class="media {width:480, height:280}" href="http://malsup.github.com/video/simpsons.mov">MOV File (video)</a> 
</body>

我可以使用不同的事件嗎？或者這個媒體元素不是$(document)的一部分？

來源

2012-06-11 Milla Well

由插件呈現的DOM元素不是標準的DOM元素。他們不必向瀏覽器發送任何事件。如果您嘗試顯示的電影使用HTML5 <video>標記 - 則應正確觸發所有標準DOM事件。如果這不是一個選項，你可以嘗試在電影上放一個透明的div。它應該正確地啓動所有事件。這裏唯一的缺點是電影本身不會被點擊（控件等）。

來源

2012-06-11 09:45:09

所以你建議放開'jQuery.media.js'並使用html5？由於我在我自己的環境中使用這個小應用程序，這聽起來像一個整潔的解決方案！應該有辦法立即開始播放視頻？ –

「video」標籤有一個'autoplay'屬性，它完全符合你的要求。請閱讀更多信息：http://html5doctor.com/the-video-element/ –

得到鼠標的位置上jquery.media對象

回答

相關問題