Mouseover和Mouseout javascript在Firefox中不工作

Question

我写了一些基本的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嵌入代码的页面上自动生成的代码。

Answer 1

尝试使用与W3Schools网站相同的方法，而不是使用鼠标悬停鼠标事件来代替按钮！

Here

希望这有助于！