Image Joomla K2项目图像悬停

Hy

有没有办法让鼠标悬停在项目图像上，但鼠标悬停什么时候播放视频

类似于此，但不在弹出窗口中：

---

提前感谢

这是不可能开箱即用的。 我相信这是一个付费的扩展，但是如果你想用传统的方式编写代码，你可以使用jQuery和HTML5视频播放器来实现

  <video id="video" width="420">
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
  </video>

  <a id="thumbnail">Im the thumbnail</a>

<script>

jQuery(document).ready(function($) {
   jQuery('#thumbnail').hover(function() {
     jQuery('#video').show(); 
       jQuery('#video').play(); 
   }, function() {
          jQuery('#video').hide(); 
       jQuery('#video').pause(); 
   });
 }); 

</script>

您的浏览器不支持HTML5视频。
我是缩略图
jQuery（文档）.ready（函数（$）{
jQuery（“#缩略图”）.hover（函数（）{
jQuery（'#video'）.show（）；
jQuery（'#video'）.play（）；
}，函数（）{
jQuery（'#video'）.hide（）；
jQuery（'#video'）.pause（）；
});
}); 

我建议通过数据属性链接视频和缩略图：

e、 g

jQuery（文档）.ready（函数（$）{
jQuery（“#缩略图”）.hover（函数（）{
jQuery（jQuery（this）.data（'video'））.show（）；
jQuery（jQuery（this）.data（'video'））.play（）；
}，函数（）{
jQuery（jQuery（this）.data（'video'））.hide（）；
jQuery（jQuery（this）.data（'video'））.pause（）；
});
}); 

或使其相对于多个视频的父容器

<a id="thumbnail" data-video="#video"></a>

<script>
jQuery(document).ready(function($) {
   jQuery('#thumbnail').hover(function() {
     jQuery(jQuery(this).data('video')).show(); 
       jQuery(jQuery(this).data('video')).play(); 
   }, function() {
          jQuery(jQuery(this).data('video')).hide(); 
       jQuery(jQuery(this).data('video')).pause(); 
   });
 }); 

</script>