Mouseover 和 Mouseout javascript 在 Firefox 中不起作用答案

【问题标题】：Mouseover and Mouseout javascript not working in FirefoxMouseover 和 Mouseout javascript 在 Firefox 中不起作用
【发布时间】：2014-10-27 15:37:34
【问题描述】：

我已经编写了一些基本的 Javascript 代码来处理我网站上的视频。基本上我嵌入了视频内容，在视频上放置了一个透明且可点击的 div，将鼠标悬停在其上时将播放其后面的视频，然后在鼠标移开时暂停。它在 Chrome 和 Safari 上完美运行（未经测试的 IE，我在 Mac 上工作）但在 Firefox 上根本无法运行，视频无法播放。我已经搜索了这里和其他地方的原因，但找不到任何东西。我最近几周才开始使用 Javascript，所以如果我错过了一些明显的东西，我不会感到惊讶！

<div class="sectionWrapper">
<a href="http://weathereddown.co.uk">
<div id="sales-section" class="video-block" onmouseover="playVideo1()" onmouseout="playVideo1()"></div>
</a>

<div class="videoWrapper">
<div id="wistia_92lscndvjx" class="wistia_embed" style="width:900px;height:506px;">&nbsp;</div>
</div>

<script charset="ISO-8859-1" src="//fast.wistia.com/assets/external/E-v1.js"></script>
<script>
wistiaEmbed = Wistia.embed("92lscndvjx", {
  videoFoam: true
});
</script>

<script type="text/javascript">
    var open = false;
    function playVideo1() {
        open = !open
        if (open == true) {
                document.getElementById('wistia_8').play();
        }
        else {
                document.getElementById('wistia_8').pause();
        }
    }
</script>
</div>

Id 引用 ('wistia_8') 是正确的，它们是指 Wistia 嵌入代码在页面上自动生成的代码。

【问题讨论】：

事件是否触发？控制台有错误吗？

标签： javascript firefox video mouseover mouseout

【解决方案1】：

尝试使用与 W3Schools 网站相同的方法，但不要连接按钮，而是使用 mouseover mouseout 事件！

Here

希望这会有所帮助！

【讨论】：