Javascript -悬停时播放视频的问题

文章/答案/技术大牛

发布

2回答

javascript、video

videos/emaar-new.mp4" type="video/mp4"></div> 嘿，伙计们，我只想在悬停状态下播放这个视频你们能帮我找出引起问题的原因吗？谢谢:)

浏览 5提问于2019-01-21得票数 0

3回答

Owl carousel 2克隆项单击事件未触发

jquery、click、dom-events、owl-carousel、owl-carousel-2

我目前正在开发中使用Owl Carousel 2.0.0-beta.2.4来保持旋转木马的中心，并循环项目，这很好用。由于某些原因，Owl在设置loop: true时生成的克隆项似乎不会在单击时触发。您将在下面的示例中看到，当触发时，每个其他项都会向单击发出警报，但如果该项已被克隆，则似乎不会注册单击事件。transition: opacity 400ms ease;.owl-carousel .owl-video-frame { z-index: 1

浏览 0提问于2015-07-31得票数 2

回答已采纳

2回答

将鼠标悬停在视频上播放无法工作，直到我首先单击网站上的任何位置。我该怎么解决这个问题呢？

javascript、jquery、html、css

好吧，所以，我的问题是，我的HTML中有一个视频，我设法将它设置为在鼠标悬停时播放，但问题是，它不起作用，直到我首先点击我的网站上的任何地方。例如:如果我试图通过将鼠标悬停在视频上来播放视频，它将不会播放。但是如果我首先点击网站上的任何地方，它就可以工作了。我该怎么解决这个问题呢？我希望能够<

浏览 0提问于2018-12-30得票数 0

3回答

HTML5多视频显示-悬停播放

html、video、hover、ogg

好的，我遵循了一个关于通过HTML5视频标签嵌入视频的很好的教程，这个标签可以在上找到。基本上，这个想法是在悬停时播放视频，在悬停时停止播放。嗯，我一直在尝试在一个页面上包含多个视频(请注意，所有的视频都是相同的)，希望我可以创建一种交互式的多平铺面板。换句话说，你将鼠标悬停在每个视频

浏览 2提问于2012-02-17得票数 1

1回答

悬停在图片上，显示一个新窗口

javascript、jquery

我正在尝试获得和这个一样的效果(我想如果你不注册的话你是看不到的)。下面是描述它的图片正如你所看到的，当我悬停在图像上时，它会显示这个框，然后当我在youtube上悬停时，它会自动播放电影的预告片。见鬼，我怎么能这么做？这对我来说似乎是相当令人惊讶的。

浏览 6提问于2011-02-10得票数 0

回答已采纳

1回答

制作可在点击时播放视频的YouTube视频标题卡

javascript、css、youtube

我目前正在建设一个网站，在顶部有一个大英雄视频，我想覆盖一个自定义标题卡。该项目要求标题卡在悬停时稍微改变颜色，点击后消失，并播放隐藏在它后面的YouTube视频。第一部分，制作一个带有悬停文本的大英雄图像很容易()。然而，现在，我正在努力完成以下步骤： 1)让标题卡在点击时永远消失，显示下面的YouTube视频(我猜我会使用某种形式的javascript来切换div上的不透明度或

浏览 0提问于2013-01-29得票数 0

回答已采纳

1回答

当其他元素悬停时启动/暂停HTML5视频

javascript、jquery、html、html5-video

当另一个"overlay“div悬停时，我只是想让视频播放。关于这个问题的一些背景知识，我在页面上有几个视频，当悬停时，它们会播放。我使用视频顶部的<

浏览 3提问于2016-01-28得票数 2

1回答

添加了隐藏元素，但现在我的悬停效果不再起作用

hover、hidden

我的javascript代码有一个问题，我为播放视频的文本制作了一个悬停效果。但现在我想在你不悬停文本时隐藏视频。当我添加隐藏元素时，悬停效果不再起作用... 你们知道解决方案吗？<script type="text/javascript"> var Htext=document.getElementById("

浏览 16提问于2021-01-12得票数 0

回答已采纳

4回答

HTML，JS如何在悬停状态下播放/停止视频

javascript、jquery、html、css、video

正如你所看到的，我有一个关于在悬停时播放/停止视频的问题。用户将鼠标悬停在视频上，视频将开始播放，当他将鼠标移开时，视频将停止播放。这是可能的吗?是如何实现的？我这里有视频标签 <video id="video" controls=""

浏览 118提问于2017-11-20得票数 2

回答已采纳

1回答

如何使文本悬停以播放视频

video、text、hover、mouseover

我有一个关于JavaScript onmouseover事件的问题。我想制作一个困难的onmouseover事件来播放一个视频。我想做的是，当我悬停在文本上时，播放一段视频。来源：谢谢!text1.onmousever = function(){

浏览 3提问于2021-01-04得票数 1

1回答

刷新页面时，HTML视频不能在悬停时播放

javascript、jquery、html

基本上，我有一个包含了一些视频的页面，所以当我在任何视频上悬停时，它应该会播放，当我从视频中鼠标移出时，它应该会停止。当我第一次访问页面或进行硬性刷新时，一切都运行正常。但是，当我通过刷新再次加载同一页面时，或者当我再次在浏览器中点击页面url时，视频不会在悬停时播放。而且，当我在视频之外的其

浏览 7提问于2019-12-20得票数 0

1回答

使用Jquery加载和卸载Div元素

jquery、html

我使用CSS来创建一个弹出窗口，当用户在缩略图列表上悬停时。这将显示一个不同的youtube视频为每个缩略图张贴，我已经有它的工作。问题是，当我将鼠标移动到其他地方，以便它可以隐藏弹出窗口时，视频仍然在背景上播放。另一个问题是，当我访问我所有带有缩略图的帖子所在的页面时，它似乎加载了所有youtube视频的后台，导致它减慢了我<

浏览 25提问于2011-10-16得票数 0

1回答

视频被用户暂停时如何在视频上显示海报

javascript、video、hover

我为视频做了一些javascript，比如当你在视频上悬停时，视频就会播放，当你悬停在视频上时，视频会暂停…… 但我想做的更多，我想在视频暂停时显示视频上的海报，我已经包含在我的视频属性中的海报。我想为所有不同的视频和不同

浏览 1提问于2020-03-31得票数 0

3回答

可在观看时删除或重命名的视频软件

windows、video、file-management

我需要浏览20个小时的视频，每个视频分成5分钟左右，我希望有人能帮我找到可以查看这些视频的软件，同时还可以删除或重命名这些视频。目前，我正在使用默认的windows 10应用程序，这是好的，因为我可以很容易地转到下一个视频(通过点击箭头在右边)，但当我需要删除或重命名时，我必须回到文件资源管理器，并试图找到我正在看的视频花了很多时间如果有人知道一些软件，可以删除或重命名，同时观看<

浏览 0提问于2021-07-26得票数 4

1回答

如何播放youtube视频时，我悬停在图片上的反应js？

javascript、reactjs、hover

当我们悬停在图像上时，有什么方法可以播放youtube视频吗?我检查了“反应悬停”视频播放器，但是不能播放youtube videos.The视频，当我们在图像上盘旋时，必须以所需的大小播放。

浏览 3提问于2022-03-05得票数 -2

1回答

使用Lightbox打开本地视频

jquery、html、video、fancybox、lightbox

最终，我的目标是在我的网站上静音播放一个小视频，然后当用户将鼠标悬停在上面时，它会在Lightbox中打开并播放声音。之后我会使用悬停功能，但现在我似乎无法让本地视频(mp4 & webm)在Lightbox中播放。我试过FancyBox和LightBox，最接近工作的是(非常简单的html页面)；<!DOCTYPE html> <html>

浏览 4提问于2016-08-14得票数 0

回答已采纳

2回答

onmouseover和onmouseout帮助-无法持续地这样做

html、image、video、onmouseover、onmouseout

这是我的代码，我试图这样做，当我悬停在图像上，它播放一个视频，当你悬停下来，它停止视频，回到原来的图像。问题是，当我悬停时，我不能再次再次播放视频。我想知道我如何做到这一点，以便我可以悬停在图像不止一次播放视频。我的编码如下： <

浏览 9提问于2022-04-27得票数 0

回答已采纳

1回答

视频播放器控制(播放/暂停等)显示为覆盖

air、flex4、flash-builder、overlay、video-player

我在windows 7上使用SDK 4.1在flash builder中创建了一个自定义视频播放器。我只是通过给出HBox高度来显示/隐藏

浏览 1提问于2013-04-08得票数 1

回答已采纳

1回答

如何在angular JS中预览视频？

javascript、angularjs、video、html5-video

我在我的Angular.js应用程序中有一个功能，在那里用户可以上传包括视频在内的文档，pdf，图像类型。我已经使上传任何文件成为可能，但我想知道我们如何在angular js中预览和播放视频？我的html代码查看pdf和图片如下，它是工作的。如何预览和播放视频？

浏览 2提问于2019-03-19得票数 0

1回答

在一个页面中加载多个视频

javascript、php、html、laravel

我在页面加载上得到40个视频，并使用foreach循环进行显示，下面是我的html显示视频代码。</video> </div>在鼠标切换到视频时，我播放视频，在鼠标输出时，我停止了视频，这里是播放和暂停的javascript代码。pause();

浏览 4提问于2017-08-22得票数 2

点击加载更多