Javascript 图像悬停时的视频播放

当有人在图像上悬停时，我试图播放一个视频，如果他们单击它，弹出窗口应该会显示播放该视频到目前为止，我已经实现了弹出并显示视频

onclick

，但我想实现这个悬停

HTML

更多的HTML

<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="videoModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
       <iframe id="youtube" width="100%" height="500px">
</iframe>
      </div>
    </div>
  </div>
</div>

&时代；
情态标题

您可以使用jquery悬停功能和自己的功能来播放视频：

$('#element').hover(function() {
    showVideo();
});

---

您可以使用jquery悬停函数和自己的函数来播放视频：

$('#element').hover(function() {
    showVideo();
});

---

我只是想评论一下，我想你实际上想要的是视频剪辑的幻灯片放映，从悬停开始，然后点击视频播放。如果这是正确的，像jwplayer和其他玩家已经处理了这一点，我的页面上没有12个视频，但他们都有图像，所以如果有人移动并移动到特定的图像，视频应该开始而不是图像，如果他们悬停到其他图像，前一个应该暂停，如果他们点击它，然后视频播放popupI只是想评论一下，我想你真正想要的是视频剪辑的幻灯片放映，从悬停开始，然后点击视频播放。如果这是正确的，像jwplayer和其他玩家已经处理了这一点，我的页面上没有12个视频，但他们都有图像，所以如果有人移动并移动到特定的图像，视频应该开始而不是图像，如果他们悬停到其他图像，前一个应该暂停，如果他们点击它，然后视频播放PopupDos.hover仅使用一个警报就可以工作（读：悬停不起作用，或者是showvideo不起作用）也许你使用了错误的元素？如果我捕捉到元素，警报就可以工作#youtube，但我无法确定要捕捉哪个元素。你能帮我弄清楚吗？？我正在尝试捕捉img标签我给img标签分配了一个id，但警报无效。你能帮我弄清楚吗？！？当警报起作用且showvideo功能起作用时，它必须起作用。如果不是，可能是时间问题。然后showVideo（）出现了一些问题，您可以将警报放在showVideo（）中；仔细检查一下。仅使用警报的.hover有效吗（阅读：悬停不起作用，还是showvideo不起作用）也许你使用了错误的元素？如果我捕获了元素，警报有效？youtube，但我无法确定要捕获哪个元素，你能帮我弄清楚吗？？我正在尝试捕捉img标签我给img标签分配了一个id，但警报无效。你能帮我弄清楚吗？！？当警报起作用且showvideo功能起作用时，它必须起作用。如果不是，可能是时间问题。然后showVideo（）出现了一些问题，您可以将警报放在showVideo（）中；再检查一遍。

$('#element').hover(function() {
    showVideo();
});