Javascript 悬停至突出显示的文字时播放视频

Javascript 悬停至突出显示的文字时播放视频,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图创建一个功能,在鼠标悬停在突出显示的单词上时播放视频,鼠标离开时暂停但目前我只知道如何在鼠标悬停在视频上而不是突出显示的文字上时自动播放。 希望有人能在这方面帮助我。 谢谢 在这里 使用简单的jQuery,模拟鼠标 $("#btn").mouseover(function() { $("video").mouseover(); }); $("#btn").mouseout(function() { $("video").mouseout(); }); 希望我能帮上

我试图创建一个功能,在鼠标悬停在突出显示的单词上时播放视频,鼠标离开时暂停
但目前我只知道如何在鼠标悬停在视频上而不是突出显示的文字上时自动播放。 希望有人能在这方面帮助我。
谢谢




在这里

使用简单的jQuery,模拟鼠标

$("#btn").mouseover(function() {
    $("video").mouseover();
});

$("#btn").mouseout(function() {
    $("video").mouseout();
});

希望我能帮上忙。

不使用jQuery就可以实现这一点的一种方法(因为您在代码段中似乎没有使用它)是为视频分配
id
,然后将
onmouseover
onmouseout
事件添加到
a
标记中,该标记以
id
元素为目标

  • id=“video”
    添加到
    video
    标记中
  • onmouseover=“document.getElementById('video').play()”
    onmouseout=“document.getElementById('video').pause()”
    添加到包含“play&pause”文本的
    a
    标记中




通过单独使用jQuery,并以元素为目标,而不是使用内联脚本:

var $myVideo = $( "#myVideo" ),
    $myBtn   = $( "#play_btn" );

$myBtn.hover(function() {
    $myVideo[0].play();
    }, function() {
    $myVideo[0].pause();
});
例如:

希望有帮助。

非常简单。在突出显示的文本周围添加一个

$( '#text' ).hover(
 function() {
  $( 'video' ).play();
 }, function() {
  $( 'video' ).pause();
 }
);

如果您想了解关于如何使用jQuery的任何问题,请不要犹豫。